49 Blender에서 장면 만들기

🎨 Three.js 베이킹 및 Blender 통합 워크플로우 기능 정리

✅ 베이킹(Baking)이란?

3D 씬에서 조명, 그림자, 반사, 앰비언트 오클루전 등의 계산 결과를 미리 텍스처에 굽는(static texture로 bake하는) 작업을 말한다.

🔍 이때 생성된 텍스처는 이후 실시간 렌더링 시 조명 계산 없이 바로 사용된다.
→ 퍼포먼스는 뛰어나지만, 동적 조명 불가, 정적인 씬만 가능한 제한이 있다.

---

🟩 베이킹의 장점 vs 단점

장점 | 단점

퍼포먼스가 훨씬 좋다	조명이 고정되어 동적으로 바꿀 수 없다
저사양 장치에서도 고품질 조명 표현 가능	베이킹 작업 시간이 오래 걸림
지오메트리가 단순해지고 GPU 로딩이 빠름	다양한 오브젝트 → 다양한 텍스처 필요
Three.js에 가져오기 쉬움	UV 언래핑 등 추가 작업 필요

---

🛠️ Blender에서의 베이킹 워크플로우 요약

1. 모델링 및 최적화

• 불필요한 폴리곤 제거
• 오브젝트 이름 정리 및 컬렉션 분류 (three.js group과 유사)

2. UV 언래핑

• 텍스처 베이킹을 위해 모든 메시에 UV가 필요함
• UV는 0~1 공간 안에 배치해야 함
• 겹치지 않도록 언래핑

3. 조명 배치 및 재질 설정

• 포털, 램프 등에 Emission(발광) 재질 사용
• 나무, 돌, 바닥 등에 기본 색상(Material BaseColor) 적용

4. 카메라 세팅

• NUMPAD 0으로 뷰포트 카메라와 일치
• Cycles로 전환 (높은 퀄리티 렌더링을 위한 필수 설정)

5. 베이킹

• Cycles Renderer 사용
• Diffuse, AO, Shadow, Light 등 필요한 채널 베이크 가능
• 베이크 후 텍스처를 이미지로 저장

6. 내보내기 및 Three.js 적용

• .glb 또는 .gltf로 익스포트 (압축은 선택 사항)
• Three.js에서 GLTFLoader로 불러오기
• 베이킹된 텍스처는 이미 재질에 포함되어 있음

---

🔧 주요 기능 및 설정 설명

🔦 Emission Material (발광 재질)

Surface: Emission
Color: #FFA500 (예: 따뜻한 주황빛)
Strength: 40 ~ 80

• 실시간 빛이 아닌 “빛을 내는 듯한 텍스처 효과”만 제공
• 포털 중앙, 기둥 램프 등에서 사용

---

💡 Area Light

• Area Light는 부드러운 그림자와 확산광을 생성
• 크기가 클수록 부드러움 증가
• 조명 값 조정:
  • Power: 240 이상
  • Color: 햇빛 느낌 → 주황 / 달빛 느낌 → 파랑

---

🪵 컬렉션 정리

• Blender의 Collection은 Three.js의 Group과 유사
• 각각의 요소 (예: rocks, portal, poleLights 등)를 컬렉션 단위로 정리
• Outliner > Filter에서 표시/선택 설정 조절 가능

---

🏗️ 구성 요소별 기능 요약

바닥	Plane 생성, grass 재질 적용
울타리	박스 4개 (기둥 2, 레일 2), 복제 및 컬렉션 분류
나무줄기	원통 10각형, 여러 크기/회전으로 배치
쪼개진 통나무	Cylinder → Cap Fill: Triangle Fan → Edit Mode로 분할
도끼	머리 + 손잡이 박스 조합, Edit Mode로 디테일 조정
바위	큐브 → Bisect로 절단, 무작위 회전/크기 조절
포털 벽돌	ALT+D로 원형 복제 후 Edit Mode로 모양 조절
포털 원판	Circle + Fill, Emission 적용
조명	발광 면 분리, poleLightEmission, portalEmission 사용
최종 렌더링	F12로 렌더, Alt+S로 이미지 저장 가능

---

📦 최적화 팁

• 텍스처 용량을 줄이려면 해상도와 샘플링 값을 조절
• 동일한 메시는 Linked Duplicate(ALT + D)로 복제하면 메모리 절약
• 너무 많은 텍스처 대신, 동일 텍스처 재활용
• 재질 색상은 Three.js에서도 변경 가능하므로 최소화

---

💬 결론

베이킹은 고정된 조명 효과를 정적으로 구현하면서도 GPU 성능을 절약하고, 성능 최적화된 3D 웹 경험을 제공하는 데 매우 유용합니다.
A단, 실시간 조명 변화가 필요한 프로젝트에는 적합하지 않으며, 정적 씬에 알맞은 전략입니다.