Useless Web

쓸모없는 web

https://williamphk.github.io/useless-web/

게임 설명

이 JavaScript 코드는 뱀이 화면을 가로 질러 움직여 음식을 먹고 길이가 자라는 간단한 뱀 게임의 일부입니다. 코드는 뱀의 동작을 정의하고 화살표 키에서 입력을 처리하며 화면에 게임 상태를 표시합니다.

코드 분석

게임 보드 초기화 :

gameBoard , score1 , score2 해당 DOM ID를 사용하여 선택됩니다. 게임 보드의 치수는 화면 크기에 따라 30px 셀로 나뉩니다. 그리드는 치수를 통해 반복하여 생성되며 각 셀은 확인란 입력으로 표시됩니다. 그런 다음 게임 보드에는 행과 셀이 채워집니다.

게임 변수 설정 :

뱀의 direction , length , starting position , speed 및 기타 필요한 변수가 정의됩니다. 어레이 지수 및 작업에 대한 방향 매핑도 쉬운 뱀 운동을 위해 만들어집니다. 뱀의 시작 위치 확인 :

뱀의 시작 위치는 게임 보드에서 확인됩니다.

음식 만들기 :

checkRandomCellAsFood 기능은 게임 보드의 임의 위치에 음식을 배치하여 음식이 뱀 자체에 생기지 않도록합니다.

Game Start:

'시작'버튼이 게임을 시작합니다. updatePosition 기능은 뱀의 시각적 위치를 업데이트하고 뱀이 음식을 먹거나 다양한 게임 조건을 만날 때 논리를 처리합니다. 뱀 운동 및 색상 변화 :

뱀의 움직임은 화살표 키에 의해 제어됩니다. 스타일링 목적으로 getRandomColor 함수를 사용하여 임의의 색상이 생성됩니다.

게임 오버 조건 :

뱀이 한계를 벗어나거나 그 자체로 들어가면 게임이 끝납니다. gameOver 기능은 시나리오를 통해 게임을 처리하도록 호출됩니다.

게임 오버 디스플레이 :

uncheckAll 함수는 모든 셀을 선택 취소하여 보드를 지 웁니다. Checked Checkboxes를 사용하여 게임 보드에서 "게임 오버"를 인쇄하는 printGameOverWithCheckbox 기능은 인쇄합니다.

의존성

이 코드에는 외부 라이브러리 또는 종속성이 필요하지 않습니다. 그것은 바닐라 JavaScript에서 순전히 실행됩니다.