웹 게임 "드 림 서 유" 지도 데모, 순수 캔버스 그림
이 프로그램 은 공부 만 하고 초등학교 에서 하 는 게임 도 회상 합 니 다.프로젝트 초심 은 Canvas 에 대한 생각 을 검증 하기 위해프로젝트 는 ES6 를 대량으로 활용 하여 ";" 표기 법 이 없다.
목차
직책 분류
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"js/base/runloop.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"js/view/map_one.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"js/view/jxk.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"js/game.js"</span>>
type</span>=<span class="hljs-string">"text/javascript"</span> src=<span class="hljs-string">"js/index.js"</span>>
js / base / runloop. js: 주로 window. requestAnimationFrame 순환 담당
js/view/map_one. js: 지도 렌 더 링
js / view / jxk. js: 검객 렌 더 링
js / game. js: Canvas 초기 화, 이벤트 처리
js / index. js: 프로젝트 입구
결점.
엔 딩
GitHub: https://github.com/liangtongzhuo/game_웹 은 본래 인터넷 을 만 들 려 고 했 는데, 모두 함께 위 를 걸 으 며, 코드 의 깨끗 함 을 위해 서, 아니면 나중에 따로 프로젝트 를 열 어서 다시 추가 할 지 생각 했다.
체험 주소:https://liangtongzhuo.github.io/game_web/
GitHub 에서 열 리 는 속도 가 매우 느 려 서 50 장 이상 의 그림 을 불 러 왔 습 니 다. 또한 핸드폰 디 버 깅 을 켜 서 PC 에 적합 하지 않 아서 클릭 이 벤트 를 얻 을 수 없습니다.
다음으로 전송:https://juejin.im/post/5a518e5151882573432cfc92
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
전단 자동화 워 크 플 로 의 hooks예 를 들 어 우 리 는 git commt 전에 eslint 코드 검사, npm install 전에 프로젝트 의존 도 를 검사 하고 싶 습 니 다.전형 적 인 상황 에서 각종 도 구 는 특정한 동작 이 발생 할 때 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
