JavaScript로 사다리 게임 만들기 다섯 번째
안녕하세요 느종입니다. 오늘은 마지막으로 사다리 게임의 자바스크립트 코드를 작성해 보도록 하겠습니다. 사다리 게임도 거의 끝이 보이네요. 함께 공부해요! 1. 자바스크립트 코드 1. playLadder(idx) : 사다리 세로줄 사이에 임의적으로 가로줄을 만드는 함수입니다. 2. for(let i=0; i<lineNum - …
안녕하세요 느종입니다. 오늘은 마지막으로 사다리 게임의 자바스크립트 코드를 작성해 보도록 하겠습니다. 사다리 게임도 거의 끝이 보이네요. 함께 공부해요! 1. 자바스크립트 코드 1. playLadder(idx) : 사다리 세로줄 사이에 임의적으로 가로줄을 만드는 함수입니다. 2. for(let i=0; i<lineNum - …
안녕하세요 느종입니다 저번 시간에 이어서 사다리 게임 기능과 함수에 대한 자바스크립트 코드를 작성해 보도록 하겠습니다. 함께 공부해요! 1. 자바스크립트 코드 1. setSelectButton() : 사다리 게임 상단에서 사용자가 선택할 수 있는 버튼을 만드는 함수입니다. 2. for(let i=0; i<lineNum; i+…
안녕하세요 느종입니다. 오늘은 사다리 게임의 내부적인 기능과 함수에 대한 코드를 작성해 보도록 하겠습니다. 함께 공부해요! 1. 자바스크립트 코드 1. startPage : 시작 화면 페이지를 담는 변수입니다. 2. minusPerson : 인원수를 한 명씩 감소시키는 버튼에 대한 변수입니다. 3. plusPerson : …
안녕하세요 느종입니다. 오늘은 사다리 게임의 외형에 대해서 코드를 작성해 보도록 하겠습니다. 저번 시간에 대략적으로 해야 될 내용들을 정리해 보았는데요. 그중에서 HTML 부분과 CSS 부분에 대해 코드를 작성해 보도록 하겠습니다. 오늘은 딱히 어려운 부분이 없으니 편하게 보시면서 함께 코드를 작성하면 될 듯싶습니다. 함께 공부해요! …
안녕하세요 느종입니다. 이번 시간에는 카카오톡이나 네이버에서도 자주 볼 수 있는 사다리 게임을 만들어볼까 합니다. 친구들과 함께 간단히 내기를 할 때면 자주 사용을 했었는데요. 그래서 처음 생각으로는 간단하게 자바스크립트로 금방 만들 수 있지 않을까 했었는데, 만들다 보니 은근 생각해 주어야 할 부분이 꽤 있더라고요. 그래도 항상 하듯…
안녕하세요 느종입니다. 횡스크롤 게임 만들기도 거의 막바지에 다다르고 있습니다. 마지막까지 힘내서 코드를 작성해 보도록 하겠습니다. 함께 공부해요! 1. 결과 화면 페이지 결과 화면의 모습입니다. 게임 오버 문구와 점수를 표시해 주고, 다시 시작하기 버튼을 눌렀을 경우 게임이 다시 실행이 되도록 구성하였습니다. 2. 자바스크립트 코드 …
안녕하세요 느종입니다. 오늘도 횡스크롤 게임 자바스크립트 코드를 작성해 보겠습니다. 벌써 5번째 시간이네요. 함께 공부해요! 1. 자바스크립트 코드 1. main() : 플레이어, 장애물, 배경 화면의 객체를 생성하고 그리는 메인 함수입니다. 2. ctx.clearRect(0, 0, canvas.width, canvas.heigh…