JavaScript로 횡스크롤 게임 만들기 여섯 번째
안녕하세요 느종입니다. 횡스크롤 게임 만들기도 거의 막바지에 다다르고 있습니다. 오늘은 충돌 함수, 랜덤 함수, 초기화 함수 등 각종 함수들과 결과 화면 페이지까지 구성하여 횡스크롤 게임에 대한 모든 코드를 완성해보도록 하겠습니다. 마지막까지 힘내서 코드를 작성해요! 함께 공부해요! 1. 결과 화면 페이지 결과 화면의 모습입니다. 게임…
안녕하세요 느종입니다. 횡스크롤 게임 만들기도 거의 막바지에 다다르고 있습니다. 오늘은 충돌 함수, 랜덤 함수, 초기화 함수 등 각종 함수들과 결과 화면 페이지까지 구성하여 횡스크롤 게임에 대한 모든 코드를 완성해보도록 하겠습니다. 마지막까지 힘내서 코드를 작성해요! 함께 공부해요! 1. 결과 화면 페이지 결과 화면의 모습입니다. 게임…
안녕하세요 느종입니다. 오랜만에 글을 작성하네요. 그동안 자바스크립트로 여러 가지 콘텐츠들을 만들어보았는데요. 너무 정적인 콘텐츠들만 만들었다는 생각을 문득 하게 되었습니다. 그래서 이번에는 동적인 콘텐츠를 만들어볼까 합니다. 그중에서도 쿠키런 게임과 비슷한 횡스크롤 게임을 한 번 만들어보려고 합니다. 캔버스와 애니메이션을 활용하여 코…
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 스톱워치(목표 시간 맞추기) 메인 화면 페이지 함수를 작성해 보도록 하겠습니다. 시간의 형식을 바꿔주는 함수, 시간을 체크하는 함수, 타이머를 설정하는 함수에 대해서 다루어 보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 자바스크립트 코드 [ scripts.js ] …
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 스톱워치 메인 화면 페이지를 만들어보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 메인 화면 페이지 화면 가운데에 00.000으로 시간을 나타낼 수 있도록 구성하였습니다. 초는 소수점아래 셋째 자리까지 표현을 하였는데 이 부분은 본인 입맛에 맞게 바꾸셔도 될 것 같습…
안녕하세요 느종입니다 오늘은 저번 시간에 이어서 메인 화면 페이지에 사용되는 함수와 기능들을 작성해 보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 메인 화면 페이지 같은 숫자를 찾으면 위 그림처럼 유지하고, 다른 그림을 찾을 경우에는 1초 정도 머무르다가 다시 카드 앞면으로 돌아가는 방식입니다. 여기에다가 더 다양…
안녕하세요 느종입니다. 오늘은 같은 그림 찾기 페이지의 메인 화면을 만들어 보겠습니다. 제가 작성한 코드가 꼭 정답은 아닙니다. 더 간결하게 효율적으로 코드를 작성할 수도 있고, 제가 쓰지 않은 더 다양한 메서드들을 활용할 수도 있습니다. 챗gpt의 도움 없이 최대한 자기 스스로 코드를 하나씩 작성해 나가는 것이 공부도 되고 의미도 있…
안녕하세요 느종입니다. 오늘은 구구단 퀴즈 페이지의 마지막 결과 화면을 만들어 보겠습니다. 결과 화면은 기존에 만들었던 것들과 거의 똑같습니다. 결과 화면을 마무리 짓고 다음 시간에는 같은 그림 찾기 페이지를 만들어볼까 합니다. OX퀴즈, 나라 수도 퀴즈, 구구단 퀴즈까지 시작 화면, 메인 화면, 결과 화면의 비슷한 포맷으로 구성을 하…
안녕하세요 느종입니다 저번 시간에 이어서 구구단 퀴즈 페이지의 메인 부분을 완성해 보겠습니다. 그럼 바로 시작할게요. 함께 공부해요! 1. 메인 화면 페이지 2. 자바스크립트 코드 [ scripts.js ] 1. function checkingFunc(str) { : 정답 확인 버튼을 눌렀을 때 정답인지 아닌지를 변수로 넣고, 정답일…
안녕하세요 느종입니다. 오늘은 무엇을 만들어볼까하다가 문득 구구단이 떠올랐어요. 그래서 간단하게 구구단 퀴즈를 해볼 수 있는 페이지를 만드려고 합니다. OX 퀴즈, 나라 수도 퀴즈 페이지에서 만들어 놓았던 기존 형태에서 크게 벗어나지 않으니 어렵지 않을 거에요. 그럼 시작해볼게요. 함께 공부해요! 1. 설계 이번에도 비슷한 형태로 구성…
안녕하세요 느종입니다. 부지런히 글을 작성하려고 하는데 쉽지가 않네요ㅠㅠ 다시 한번 마음을 다잡고 부지런히 하나씩 포스팅하도록 하겠습니다. 저번 포스팅까지 자바스크립트를 활용하여 간단한 OX 퀴즈 만들기를 했었는데요. 오늘은 간단한 나라 수도 맞추기를 만들어볼까합니다. 거의 비슷한 포맷이지만 다른 부분도 꽤 있으니깐 자세히 작성하도록 …