포시코딩

이전 게시글에서 내 캐릭터인 dino 와 장애물인 cactus 를 만들었으니 이제 cactus 가 나한테 달려오게 해보자 단순히 cactus 의 x 을 변경하면 순간이동하게되는거니 프레임마다 움직이게 할거임 https://developer.mozilla.org/ko/docs/Web/API/Window/requestAnimationFrame window.requestAnimationFrame() - Web API | MDN 화면에 새로운 애니메이션을 업데이트할 준비가 될때마다 이 메소드를 호출하는것이 좋습니다. 이는 브라우저가 다음 리페인트를 수행하기전에 호출된 애니메이션 함수를 요청합니다. 콜백의 developer.mozilla.org function frameAction(){ requestAnimati..

인터넷이 끊긴 상태로 구글에 들어가면 플레이할 수 있는 게임이 있다. 이렇게 생긴 스페이스로 장애물 피하는 간단한 게임이다. 정식 명칭은 Dino T-Rex Game 인듯 자바스크립트로만 위 게임을 구현해보려고 한다. 새 프로젝트 폴더를 만든후에 index.html body 안에 아래 코드 입력 html 은 이게 끝이고 나머진 다 main.js 에서 코드작성할거임 let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); // context 란 뜻으로 ctx canvas.width = window.innerWidth - 100; canvas.height = window.innerHeight - 100; // 바닥선 ..