지층 탐사대: 사라진 시간을 이어라

2022 개정 교육과정 고등학교 통합과학2·지구과학 — 지질시대 단원 복습용 도트 RPG 탐사 게임입니다. 빌드 도구 없이 정적 파일만으로 동작하므로 index.html을 열거나 정적 호스팅에 올려 실행할 수 있습니다(복제·재배포는 아래 이용 조건 참고).

이용 조건

• 앱 이용: 수업 및 개인 학습 용도로 자유롭게 이용할 수 있습니다.
• 코드 이용: 코드의 수정·복제·재배포와 2차 저작물 제작은 제작자의 사전 동의가 필요합니다.
• 사전 동의 문의: 김연경([email protected])
• 숫자·영문 글꼴 Press Start 2P(fonts/)는 제작자의 코드가 아니며, 함께 들어 있는 SIL Open Font License 1.1을 따릅니다.

지질 설정

• 가상의 지질공원. 북쪽으로 갈수록 지대가 높아지고, 지층은 아래에서 위로 쌓이므로 남쪽 입구(선캄브리아 시대)에서 북쪽 전망대(신생대)로 걸어가면 더 젊은 지층을 차례로 만납니다.
• 단단한 층이 동서로 이어지는 절벽(계단식 지형)을 이루고, 구역 사이는 계단으로만 오르내립니다. 계단의 관문은 앞 구역의 노두를 다 조사해야 열립니다.
• 강이 남북으로 흐르며 골짜기를 팠습니다. 노두(암석이나 지층이 지표에 드러난 곳)는 이 공원에서는 강가 절벽에 있으며, 노두마다 그 구역의 지층과 아래층 윗부분이 드러나므로 6곳을 이어 붙여야 지층 기록이 완성됩니다.
• 지층 A(스트로마톨라이트 / 에디아카라 생물군), F(참나무 잎 / 매머드), D(암모나이트 / 경계층 / 위층)는 아래·위 띠로 나뉘어 있고, 변화를 시간 순서대로 보기 위해 아래층부터 조사합니다 (게임 진행 규칙).
• 지층 D 위층(경계층 바로 위)에서는 암모나이트가 더 이상 나오지 않고, 다른 종류의 작은 해양 생물 화석이 한 지점에서만 드물게 나옵니다. 이 화석은 관찰 문장만 보여 주며 퀴즈·도감 카드가 없습니다 (대멸종 뒤에도 생물이 있었음을 보여 주는 용도).
• 노두를 모두 조사하고 전망대에서 최종 미션 창을 처음 열면 「연구소 분석 결과」 팝업이 한 번 뜹니다. 주변 화산재층의 방사성 동위원소 연대와 지층의 상하 관계를 종합해 각 지층이 쌓였을 것으로 추정되는 시기를 알려 주며, 이는 화석 생물이 살았던 기간 전체가 아니라 우리 공원의 그 지층이 만들어진 때입니다. (퇴적암·화석의 연대를 직접 쟀다고 쓰지 않습니다.) 이 세부 시기(초기/중기/후기/말)는 최종 미션 카드·2단계 우리 공원 기둥·완료 화면·결과 화면·보고서에만 "쌓인 시기(추정)"로 표시하고, 화석도감·퀴즈·층 정보 해금 문구는 대(代) 수준을 유지합니다.
• 최종 미션 1단계는 쌓인 시기를 근거로 지층 기록 카드(시기·화석·환경)를 끌어 옮겨 오래된 것부터 차례로 배치하는 활동입니다. 틀리면 잘못 놓인 카드 중 가장 아래 것 하나만 짚어 주고 정답 순서는 보여 주지 않습니다. 2단계는 우리 공원 지층 기록과 이름표 없는 이웃 마을 노두(아래→위 5개 층: 삼엽충·공룡과 고사리·검은 경계층·화폐석·매머드)를 나란히 놓고, 같은 시대의 층끼리 끌어서 선으로 잇는 지층 대비 활동입니다. 5개를 모두 이으면 바로 완료되며 추가 문항은 없습니다. 완료 순간 「최종 미션 성공」 팝업이 떠서 탐사 결과 화면으로 가거나 완성한 두 기둥을 다시 볼 수 있습니다. 카드·기둥의 칸에는 시기 값만 굵게 쓰고, "쌓인 시기(추정)" 라벨은 화면마다 위쪽에 한 번만 적습니다. 이웃 노두에는 시기를 적지 않고, 층 두께는 지역마다 다르게 그리며, 이웃 노두 아래에는 드러나지 않는 부분이 있습니다.
• 미니맵(탐사 지도)은 지층 분포도가 아니라 공원 탐사 구역 지도입니다. 6개 구역은 지형(풀·물·절벽·길)으로 구분하고, 지층 A~F는 각 구역의 노두 마커(글자)로만 표시합니다. 구역 하나가 지층 하나가 아니라, 구역 안의 노두에서 그 지층을 조사합니다. (시대 이름은 학생이 추리해야 하므로 구역 이름·팻말·범례에 쓰지 않습니다.)

파일 구조

index.html            화면 뼈대
css/style.css         도트 RPG UI 스타일
fonts/                숫자·영문용 도트 글꼴 Press Start 2P (SIL OFL 1.1, 라이선스 파일 포함)
js/data/items.js      ★ 화석·증거 아이템과 퀴즈 (교사 수정 영역)
js/data/layers.js     ★ 지층·배지·미션·탐사 노트·개념 태그 (교사 수정 영역)
js/data/world.js      ★ 지질공원 맵: 구역·절벽·관문·노두·길·소품·NPC 대사 (교사 수정 영역)
js/core/state.js      진행 상태 저장, 개념별 성취 집계, 다양성 집계, 데이터 점검, 효과음·시작 화면 배경음
js/core/sprites.js    화석·캐릭터 도트 스프라이트
js/core/dig.js        노두 조사창, 경계층 3단 잠금, 발굴, 발견·관찰
js/core/quiz.js       퀴즈, 도감 등록, 층 정보
js/core/mission.js    최종 미션(지층 기록 완성 · 이웃 노두 대비 · 완료 화면), 보고서용 기둥 그리기
js/core/progress.js   HUD, 배지, 도감, 결과 화면, 제출용 보고서 PNG
js/world/tiles.js     타일셋·소품 스프라이트 생성 (코드로 그림, 외부 이미지 없음)
js/world/map.js       월드 생성, 충돌, 길찾기, 카메라, 렌더링, 탐사 구역 지도(미니맵), 상호작용
js/world/title.js     시작 화면 도트 배경 (구름·새·지층 절벽에 박힌 화석·걷는 탐사대원, 게임 타일 재사용)
js/ui.js              도트 아이콘, 대화창, 구역 배너, 화면 전환, 입력, 초기화
js/demo.js            교사 시연 모드 (비밀번호, 진행 단계, 순간이동, 옵션) — 발표용

글꼴: 숫자·영문용 Press Start 2P는 fonts/에 들어 있어 인터넷 없이도 됩니다. 한글 도트 글꼴(둥근모꼴)은 외부 CDN에서 받으며, 막혀 있으면 기본 고딕으로 보입니다(게임은 그대로 동작). 오프라인에서도 쓰려면 DungGeunMo.woff를 fonts/에 넣고 css/style.css 맨 위 DungGeunMo의 주소를 url('../fonts/DungGeunMo.woff')로 바꾸세요.

★ 표시 파일(교사 수정 영역)은 제작자 또는 제작자의 사전 동의를 받은 분이 내용을 고칠 때 쓰는 파일입니다. 고친 뒤에는 게임을 새로고침해 확인하세요.

• 쉼표·따옴표·괄호 실수로 파일을 읽지 못하면, 어느 파일인지 알려 주는 안내가 화면에 뜹니다. 정확한 줄 번호는 F12 → Console에 나옵니다.
• 진행을 막을 수 있는 데이터 실수(정답 표기, 띠의 화석 수, 이웃 노두 정답 이름, 지도의 노두 누락 등)가 있으면 시작 화면 왼쪽 아래에 「⚠ 데이터 점검 n건 (교사용)」 버튼이 나타납니다. 누르면 목록을 볼 수 있습니다.

교사 시연 모드 (학회·연수 발표용)

시작 화면 오른쪽 아래의 작은 「교사 시연」 버튼을 누르고 비밀번호를 입력하면 시연 패널이 열립니다. 비밀번호는 js/demo.js 맨 위의 DEMO_PASSWORD에서 정하고 바꿀 수 있습니다.

• 패널은 「진행 단계」·「순간이동」·「옵션」 세 줄로 되어 있고, 각 버튼의 설명은 마우스를 올리면 말풍선으로 보입니다.
• 진행 단계: [처음] [A] [AB] … [AE] [전부] [미션 2단계] [완료] — 그 상태를 버튼 하나로 만들고, 다음에 조사할 노두 앞(또는 전망대 앞)에 바로 세워 줍니다. [전부]는 노두 6곳 모두 완료(전망대·최종 미션 열림), [미션 2단계]는 카드를 정답 순서로 놓은 채 2단계 지층 대비부터, [완료]는 결과 화면·보고서까지 만든 상태입니다.
• 순간이동: [입구] [A]~[F] [전망대] — 진행을 바꾸지 않고 자리만 옮깁니다.
• 옵션: 즉시 발굴(기본 켬) · 퀴즈 정답 표시(기본 켬, 정답 보기에 노란 테두리) · 관문 모두 열기 · 빠른 걷기.
• 시연 중에는 HUD에 노란 「시연」 버튼이 보이고, 어느 화면에서나 ` 키(Tab 키 위)로 패널을 열고 닫을 수 있습니다.
• 시연 진행은 학생 진행과 따로 저장되므로(stratumExplorer_demo_v3), 「시연 끝내기」를 누르면 이 기기의 학생 진행이 그대로 돌아옵니다. 시연 모드가 켜져 있다는 사실은 그 탭에만 남아(새로고침해도 유지), 새 창·다음 수업에서는 꺼져 있습니다.

조작

• 이동: W·A·S·D 또는 방향키, 또는 목적지 클릭 (길을 따라 자동 이동)
• 조사·대화: E 또는 스페이스, 또는 대상 클릭
• 도감: M
• 모바일: 화면의 방향 버튼과 조사 버튼
• 진행 초기화: 시작 화면의 「처음부터 다시 시작」 또는 주소 뒤에 ?reset=1
• 진행은 브라우저(localStorage)에 저장됩니다. 공용 PC에서 다른 닉네임으로 시작하면, 남아 있는 다른 대원의 기록을 지우고 새로 시작할지 묻습니다. 저장이 막힌 브라우저(시크릿 창 등)에서는 시작 화면에 안내가 뜨고, 같은 게임을 탭 두 개로 열면 늦게 연 탭이 진행을 덮어쓰지 않도록 막습니다.