NEON MAZE

같은 미로에서도 다음 모퉁이가 중요합니다

NEON MAZE에서는 빛 조각을 모으면서 추격자의 길을 피합니다. 커다란 파워 코어를 얻으면 잠시 관계가 뒤집히므로, 가까운 조각만 따라가기보다 돌아올 길과 코어의 위치를 함께 기억하는 편이 유리합니다.

방향을 미리 입력해 다음 모퉁이를 준비할 수 있습니다. 캐릭터가 아직 직선 구간에 있더라도 다음 회전 의도를 기억하는 방식이 좁은 미로에서 조작을 편하게 만듭니다.

지도·규칙·그림의 역할

dist/engine.mjs에는 지도 생성과 이동·수집·추격 규칙이 있습니다. renderer.mjs는 격자와 캐릭터를 그리며 app.mjs는 화면 표시와 입력을 맡습니다. 모듈 파일을 사용하므로 로컬 서버로 실행해야 합니다.

지도는 가로 21칸, 세로 23칸입니다. makeMaze()는 고정된 초기값으로 난수를 만들고 길을 구성합니다. 화면을 새로 열 때마다 완전히 다른 무작위 지도를 그리는 것과는 구분해서 읽어야 합니다.

추격자를 색상으로만 구분하지 않기

ENEMIES에는 이름·색·설명·시작 위치·모서리 목표가 들어 있습니다. 직접 추격, 앞길 매복, 옆길 포위, 변칙 추격처럼 역할을 나눈 구조입니다. 색상을 바꾸는 수정과 추격 규칙을 바꾸는 수정은 다른 작업입니다.

지도에는 일반 수집물과 파워 코어가 있습니다. 모두 모았는지 확인하는 상태와, 일정 시간 추격 관계가 바뀌는 상태를 분리해서 읽으면 규칙의 조합이 보입니다.

직접 바꿔볼 과제: 이동 규칙은 그대로, 안내부터 바꾸기

1. ENEMIES의 표시 색과 이름 하나를 바꾸어 엔진 데이터가 화면에 연결되는 위치를 찾습니다.
2. 경로 계산은 그대로 두고 추격자 안내 문구를 더 이해하기 쉽게 바꿔봅니다.
3. 지도 수정에 도전할 때는 모든 수집물에 도달할 수 있는지부터 확인합니다.

벽을 한 칸 추가하는 작은 수정도 길을 완전히 끊을 수 있습니다. 그림만 보고 판단하지 말고 시작 위치에서 각 구역까지 실제로 이동해 보세요.

경계와 연결 통로 확인

모퉁이에서 미리 누른 방향으로 돌아가는지, 양옆 연결 통로가 반대편으로 이어지는지, 일시정지 중 추격 상태가 진행되지 않는지 확인합니다. 파워 코어 효과가 끝난 직후와 스테이지 전환 직후도 따로 살펴보면 상태 전환을 이해하는 데 도움이 됩니다.

python3 -m http.server 8080 --bind 127.0.0.1 --directory dist