중학교 1~2학년을 위한 3D 인터랙티브 세포 탐험 학습 콘텐츠
“세포의 세계”는 학생들이 세포에서 개체에 이르는 생물의 구성 단계를 이해하고, 동물세포와 식물세포의 소기관 구조와 기능을 직관적 시각 콘텐츠를 통해 학습하도록 설계된 5단계 기반 미션형 콘텐츠입니다.
Assets/
├── Scripts/
│ ├── Core/ # GameManager, UIManager 등 전체 흐름 제어
│ ├── Chapter1~5/ # 단계별 동물/식물 구성, 소기관 비교 및 퀴즈 로직
│ ├── UI/ # DescriptionPopup, 라벨, 토글, 단계 흐름 UI
│ ├── Interaction/ # 터치 감지 및 오브젝트 설명 시스템
│ └── Utility/ # CoroutineRunner, ArrowLine 등 공용 유틸
| 챕터 | 흐름 구조 |
|---|---|
| 동물 | 🧫 세포 → 🧬 조직 → ❤️ 기관 → 🔄 기관계 → 👤 개체 |
| 식물 | 🧫 세포 → 🧬 조직 → 🌾 조직계 → 🍃 기관(잎) → 🌻 개체 |
- 단계 클릭 시 설명 카드 팝업과 3D 오브젝트 시각화
- 흐름은 점선 화살표와 애니메이션으로 연출
- 비교 UI 포함: 식물 vs 동물 구조 전환 탭 제공
| 기능 | 설명 |
|---|---|
| 2D/3D 모드 전환 | 관찰 모드에 따라 시각 전환 가능 |
| 세포 전환 버튼 | 동물세포 ↔ 식물세포 탐색 |
| 돋보기 아이콘 | 클릭 시 소기관을 선택 가능하게 활성화 |
| 소기관 클릭 | 각 소기관에 대한 이름 + 기능 설명 팝업 표시 |
- 좌측: 동물세포 / 우측: 식물세포
- 공통된 소기관 라벨 연결선(
ArrowLine,CurveLine) 제공 - 비교표 버튼 클릭 시 차이점 표 팝업 등장
- 총 10문제로 구성된 선다형 퀴즈
- 선택 즉시 정오답 피드백 제공
- 마지막 문제 완료 시 개념 요약 페이지 등장
| 시작화면 | 동물의 구성 단계 | 식물의 구성단계 |
|---|---|---|
 |
 |
 |
| 동물 세포 소기관 관찰 1 | 동물 세포 소기관 관찰 2 | 동물 세포 소기관 관찰 3 |
|---|---|---|
 |
 |
 |
| 식물 세포 소기관 관찰 1 | 식물 세포 소기관 관찰 2 | 식물 세포 소기관 관찰 3 |
|---|---|---|
 |
 |
 |
| 세포 비교 활동 1 | 세포 비교 활동 2 - 표 비교 | 세포 비교 활동 3 - 라벨 비교 |
|---|---|---|
 |
 |
 |
| 퀴즈즈 시작 화면 | 정답 시 효과 | 요약 정리 |
|---|---|---|
 |
 |
 |
| 소기관 | HEX | 설명 | 색상 선택 이유 |
|---|---|---|---|
| 세포막 | #ADD8E6 |
세포의 경계를 형성하고 물질 출입을 조절함 | 유연하고 투명한 막의 이미지 |
| 세포질 | #E0FFFF |
소기관이 떠 있고, 화학 반응이 일어나는 장소 | 액체감과 반응성 표현 |
| 핵 | #9370DB |
유전 정보(DNA)를 저장하고 세포 활동 조절 | 중심성과 신비함 강조 |
| 핵막 | #DDA0DD |
핵을 둘러싸고 물질 출입을 조절 | 이중막 구조 표현 |
| 핵소체 | #BA55D3 |
리보솜을 생성하는 구조 | 단백질 합성의 중심, 생동감 있는 보라 계열 |
| 리보솜 | #A9A9A9 |
단백질 합성 수행 | 금속성/중립적 이미지 |
| 소포체 | #20B2AA |
세포 내 물질을 이동시키는 통로 | 네트워크와 유동성 강조 |
| 골지체 | #F0E68C |
단백질과 지질을 가공, 저장, 분비 | 포장/분배 느낌의 박스톤 |
| 미토콘드리아 | #FFA500 |
세포의 에너지를 생산하는 발전소 역할 (ATP 생성) | 에너지·열의 상징 |
| 리소좀 | #B22222 |
세포 내 노폐물 분해 및 정리 | 청소기능 강조, 경고 색 |
| 중심체 | #4169E1 |
세포 분열 시 방추사 형성 | 동물세포 전용, 질서/정확성의 푸른 계열 |
| 엽록체 (식물 전용) | #32CD32 |
광합성 수행, 엽록소 포함 | 식물성 강한 초록 |
| 세포벽 (식물 전용) | #556B2F |
식물세포 보호, 견고한 구조 형성 | 셀룰로오스 구조 연상 색 |
| 액포 (식물 전용) | #D8BFD8 |
물, 영양분 저장소 | 저장 이미지 강조, 부드러운 톤 |
| 항목 | 동물세포 | 식물세포 |
|---|---|---|
| 세포 형태 | 둥글거나 불규칙 | 사각형, 일정 |
| 세포벽 | ❌ 없음 | ✅ 있음 |
| 엽록체 | ❌ 없음 | ✅ 있음 |
| 액포 | 작고 여러 개 | 크고 하나 |
| 중심체 | 있음 | 없음 |
| 광합성 | X | O |
| 클래스명 | 역할 | 주요 기능 요약 |
|---|---|---|
UIManager |
전체 UI 인터페이스 제어 | - 구성 단계(Chapter)별 토글 UI 제어 - 소기관 팝업 출력 및 설명 내용 갱신 - 세포 전환, 상세 보기 상태 유지 - TouchSelf와 연계하여 터치 시 정보 표시 |
ConfigurationSteps |
동물/식물 구성 단계 흐름 관리 | - 세포 → 조직 → 기관 ... 버튼 제어- 클릭 시 해당 구성 단계 활성화 및 설명 출력 - 단계별 콘텐츠/텍스트/라벨 전환 제어 |
LabelManager |
라벨 및 연결선 처리 | - 각 단계의 설명 라벨 구성 수집 - 화살표( ArrowLine)가 포함된 객체 활성화- 선택된 구성에 따라 설명선 연출 자동화 |
ArrowLine, CurveLine |
라벨 연결선 UI 처리 | - startPoint → endPoint 선 그리기- 동적으로 방향 및 회전 조정 - 곡선 또는 직선 형태 선택 가능 |
TouchObjectDetector |
터치 이벤트 처리 | - Raycast를 통해 사용자의 터치 위치 감지- TouchSelf가 부착된 오브젝트에 접근- 소기관 설명 팝업 호출 및 강조 효과 부여 |
TouchSelf |
설명 데이터 보관 | - 오브젝트가 담고 있는 설명 제목/본문을 저장 - 터치 시 해당 데이터를 UIManager에 전달 |
ScrollPageController |
슬라이드 기반 흐름 제어 | - 좌/우 버튼 또는 터치로 페이지 전환 - 구성 단계별 패널 이동 효과 처리 - 여러 ScrollRect를 동시에 연동 가능 |
QuizManager |
퀴즈 시스템 제어 | - 문제 목록 생성, 순차 진행 관리 - 선택지 클릭 시 정답 여부 판별 - 피드백 출력 및 다음 문제 전환 - 최종 요약 노트 화면 표시 |
CoroutineRunner |
코루틴 실행 관리 | - 키 기반 코루틴 중복 실행 방지 - 타임아웃 설정 가능 - 나레이션 연출 등에서 반복 호출 제어 |
SettingManager |
설정 UI 제어 | - BGM/SFX 볼륨 설정 - 3D 모드 토글 ( LeiaDisplay 연동)- 재시작/종료 버튼 제어 |
FloatObject |
부유 애니메이션 | - 배경 오브젝트에 DOTween 기반 부유 효과 적용 - 움직임에 리듬감 부여 |
사용자 터치
↓
TouchObjectDetector
↓
TouchSelf → 설명 데이터 전달
↓
UIManager → 팝업/텍스트 출력 + 연결선 활성화
단계 선택 버튼 클릭
↓
ConfigurationSteps
↓
해당 ContentsStep 패널 활성화 + 설명 텍스트 호출
↓
LabelManager / UIManager와 연계
| 항목 | 사양 |
|---|---|
| Unity 버전 | 2022.3 LTS 이상 |
| 대상 기기 | NUBIA PAD 3D |
| 주요 패키지 | DOTween, TextMeshPro, LeiaUnity |
SettingManager: BGM/SFX 설정, 3D 모드 토글, 재시작 기능FloatObject: 부유 애니메이션 연출StringKeys: 태그, 오디오 키, 씬 이름 등 문자열 상수 관리LabelManager: 비교 및 설명 라벨 자동 활성화 처리