JAVASCRIPT3 [JavaScript]2d 벽돌깨기 게임 요새 자바스크립트 공부중 재밌다 ㅋ.ㅋ 전엔 자바스크립트 너무 싫었는데ㅠ 요샌 재밌넹 가볍게 만들 수 있고 프로젝트도 빨리 끝나다보니 완성된 결과물을 빨리 볼 수있어서 간결하다는 느낌을 받는다 요건 소스 먼저 만들고 하나씩 뜯어보는 중 참고링크가 공부에 많은 도움이 된다 참고링크 : https://developer.mozilla.org/ko/docs/Games/Tutorials/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it 캔버스 생성과 그리기 - 게임 개발 | MDN 이 강의는 게임 개발 캔버스 튜토리얼의 10단계 중 첫 번째 과정입니다. Gamedev-Canvas-workshop/lesson1.html에서 이 강의의 완성된 코드를.. 2024. 3. 24. [JavaScript]카드 짝 맞추기 게임 1. 카드 매칭 상태 이해하기 카드 게임은 뒷면이 보이는 카드들에서 임의의 두 장을 클릭해서 숫자가 맞는지를 맞추는 게임 카드는 뒷면이 보이고 있고, 클릭한 카드는 뒤집어지면서 앞면의 숫자가 표시 그리고 임의로 선택한 두 장의 카드 숫자가 일치하면 해당 카드는 일치한 카드로 표시가 되어 앞면이 보이는 상태로 고정이 됩니다. 매치된 카드는 색상을 다르게 하거나 해서 매치된 카드임을 표시 따라서 카드는 뒷면, 앞면, 매치됨 3가지 상태를 가지게 되며, 앞면과 뒷면 상태를 왔다 갔다 하다가, 최종적으로는 매치됨 상태로 고정이 됨 상태의 구분은 CSS 클래스로 함 "back"은 뒷면, "front"는 앞면, 그리고 매치된 카드는 앞면이면서 매치된 것이기 때문에 "front", "matched" 2개의 클래스를 .. 2024. 3. 24. 고인물 테스트 사이트 #고인물테스트 #거침없이하이킥고인물 #거침없이하이킥퀴즈 #거침킥테스트 #거침킥고인물 #거침킥퀴즈 #하이킥고인물 #하이킥테스트 #하이킥고인물 #하이킥퀴즈 #고인물퀴즈 https://testgo2024.netlify.app/ 2024. 3. 17. 이전 1 다음
