Three.js 3D 전환 이후, 도시를 진짜 "살아있는" 마을로 만드는 작업을 했습니다.
건물 외부 장식
건물이 그냥 색칠된 박스였던 것을 개선. 각 건물마다 고유한 외부 장식을 추가했습니다:
- 빵집: 바게트와 둥근 빵이 진열된 선반, 오렌지색 차양
- 카페: 야외 테이블+의자, 커피잔, 차양
- 꽃집: 5색 꽃 바구니, 매달린 화분
- 도서관: 고전 기둥 2개, 책 더미
- 시장: 과일/채소 상자 4개, 빨간 차양
- 사무실: 에어컨 실외기, 입구 화분
- KSA 본관: 깃대+태극기, 입구 계단
- KSA 기숙사: 자전거 거치대
- 주택: 빨간 우체통, 현관 매트
환경 애니메이션
정적이었던 세상에 움직임을 넣었습니다:
- 나무: 바람에 살랑살랑 흔들리는 잎
- 가로등: 밤에 따뜻한 glow 구체 + 은은한 펄스
- 건물 창문: 밤에 노란 따뜻한 불빛, 낮에 하늘색 반사
- 분수: 물 파티클이 위로 솟았다 내림
- 꽃: 4가지 색상 (분홍/노랑/빨강/보라)
- 잔디: 도로변과 빈 공간에 30개 잔디 소품
생활감
도시에 생명을 불어넣었습니다:
- 고양이 3마리 + 강아지 2마리: 마을을 자유롭게 배회, 뒤뚱뒤뚱 걸어다님
- 빵집/카페 굴뚝 연기: 영업 시간에 연기 파티클
- NPC 머리 위 이모지: ☕(카페), 📖(도서관), 💼(출근), 💬(대화 중), 😊(기분 좋음), 😢(슬픔)
- 말풍선과 겹치지 않도록, 대화 중에는 이모지 자동 숨김
도시 구조
맵에 랜드마크와 인프라를 추가했습니다:
- 다리: 강 위를 가로지르는 나무 다리
- 가로수길: 대로 양쪽에 나무 16그루
- 횡단보도: 교차로 4곳에 흰색 줄무늬
- 공원 조형물: 분수 옆 석상
- 광장 시계탑: 마을에서 가장 높은 구조물
신규 건물 8개
맵을 60x65 → 75x75로 확장하고 8개 건물을 추가했습니다:
| 건물 | 설명 | 특징 |
|---|---|---|
| 고려대학교 | 크림슨 캠퍼스 | 입구 아치, 배너, 계단 |
| KAIST AI대학원 | 파란색 연구실 | 간판, 모던 플랜터 |
| 크래프톤 AI | 다크톤 오피스 | LED 사인, 플랜터 |
| 음식점 | 한식당 | 등불, 메뉴판, 차양 |
| 병원 | 하얀 건물 | 적십자 마크, 구급차 |
| 편의점 | 초록색 | 조명 간판, 상품 진열 |
| 경찰서 | 파란색 | 경찰등, 배지 |
| 체육관 | 실버 | 아령, 스포츠 배너 |
각 건물마다 인테리어(가구, 조명, 충돌 영역)와 NPC 동선도 완비.
레이아웃 철학
"오밀조밀"하다는 피드백을 받고 건물 간격을 넓혔습니다:
y=8-18 : 상업지구 (카페/빵집/꽃집/사무실/시장)
y=22-25 : 광장+편의시설 (음식점/편의점/놀이터)
y=27-32 : 공공시설 (도서관/병원)
y=33-35 : 주거지
y=42-45 : 남부 캠퍼스 (고려대/체육관)
y=50-53 : 테크 구역 (크래프톤/KAIST)
y=56 : 경찰서
y=72 : 출구
건물들이 5-8타일씩 간격을 두고 자연스럽게 구역을 형성합니다.