728x90 반응형 html #css #javascript #코딩 #게임 만들기1 HTML, Css, Javascript 를 이용하여 공 튀기기 게임 만들기 2. CSS로 스타일링CSS를 사용해 캔버스를 중앙에 배치하고 테두리와 배경색을 추가합니다.canvas { display: block; margin: 50px auto; border: 2px solid #333; background-color: #f4f4f4;} 3. JavaScript로 게임 로직 추가JavaScript를 사용해 공을 움직이고, 화면의 경계에서 튕기도록 설정합니다.const canvas = document.getElementById("gameCanvas");const ctx = canvas.getContext("2d");let x = canvas.width / 2;let y = canvas.height / 2;let dx = 2;let dy = -2;c.. 2025. 1. 8. 이전 1 다음 반응형