canvas 없이 만들기 이번에는 스네이크 게임을 만들어 봤습니다. 오래된 고전 게임이죠. 규칙도 단순해서 만들어 보기로 생각해서 구현해봤습니다. 사과처럼 안 보이지만 빨간 사과를 먹을 때마다 100점씩 올라가게 구현했습니다. 맵은 테이블로 만들었으며, setInterval 함수를 사용하여 뱀의 이동을 구현 및 뱀의 길이에 따라 setInterval의 시간 주기를 짧게 변경하여 속도가 빨라지는 느낌을 받을 수 있도록 하였습니다. 저번 2048때 처럼 로컬 스토리지에 최고점수를 기록하게 하였습니다. https://kangjung.github.io/game/snake/snake.html SNAKE GAME Arrow keys work too START kangjung.github.io http..
원문링크 : HTML과 JS로 만든 스네이크 게임(SNAKE GAME)
![[부산] 배말칼국수 가덕점 - 배말칼국수, 배말톳김밥, 배말땡초김밥, 꼬막비빔국수](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F6uTOr%2FbtrJck9o8tQ%2FfUrZAZkkgRn9JfnzyXYKv0%2Fimg.png "[부산] 배말칼국수 가덕점 - 배말칼국수, 배말톳김밥, 배말땡초김밥, 꼬막비빔국수")
![[종료] 유니티 에셋 퍼브리셔 세일, 퍼블리셔 메가번들 - Procedural Worlds](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcVhcbY%2FbtrF4eKaNm0%2FPVzHIIkGNSyjlTQbldeGaK%2Fimg.jpg "[종료] 유니티 에셋 퍼브리셔 세일, 퍼블리셔 메가번들 - Procedural Worlds")
![[책] 그림으로 이해하는 IT 지식과 트렌드](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F5ZzTN%2FbtrikLzqnwM%2F9TfQtDoWE9jXdKJqgULBLk%2Fimg.png "[책] 그림으로 이해하는 IT 지식과 트렌드")
![[리뷰] 노브랜드 국내산곱창 곱창전골](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbvep2U%2FbtrLsqfmMiA%2FD98l1IHB7p4TxQBu0g43m0%2Fimg.png "[리뷰] 노브랜드 국내산곱창 곱창전골")
![[가산디지털단지] 가산왕족발순대국 - 순대 정식 (황태국), 편육정식 (순대국)](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZd8tJ%2FbtrqVwyr5iz%2Fg92LST0TTMhrJIvZWOK0Y0%2Fimg.jpg "[가산디지털단지] 가산왕족발순대국 - 순대 정식 (황태국), 편육정식 (순대국)")
![[가산디지털단지] 가마솥서울깍두기 - 뚝배기 매운등갈비](http://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcECgPW%2Fbtr3LHCdZ2M%2FBoSbhKXSXJQE6rW4bHfSEk%2Fimg.png "[가산디지털단지] 가마솥서울깍두기 - 뚝배기 매운등갈비")
네이버 블로그
티스토리
커뮤니티