Creative Web Development with Three.js and Blender – 3D Portfolio for Beginners
- 이 강좌는 Three.js와 Blender를 활용하여 몰입형 3D 포트폴리오를 제작하는 방법을 가르치며, 예술적 비전과 기술적 능력을 결합합니다. 🎨
- Blender로 3D 모델링 기초를 배우고, Three.js를 이용해 웹에 3D 모델을 구현하는 과정을 다룹니다. 🌐
- 프로그래머처럼 생각하고, 복잡한 코드를 분석하며, 문서를 읽고, 문제를 해결하는 사고방식을 기르는 데 중점을 둡니다. 🧠
- Crossy Road/복셀 테마의 인터랙티브 3D 포트폴리오를 예시로 들며, 충돌 감지, 캐릭터 상호작용, 프로젝트 전시 등의 기능을 시연합니다. 🎮
- Three.js나 Blender 경험은 필요 없지만, HTML, CSS, JavaScript(정적 웹사이트 제작 수준)에 대한 기본 지식은 요구됩니다. 💻
- '크리에이티브 웹 개발'은 광범위한 분야이며, 다양한 직무명(UI 엔지니어, 그래픽스 프로그래머 등)이 있지만, 스스로를 특정 라벨로 제한하지 말고 '멋진 것을 만드는 사람'으로 정의할 것을 강조합니다. ✨
- 3D 아트, 셰이더, UI 디자인 등 다양한 영역을 탐색하며 자신에게 맞는 전문 분야를 찾되, 다른 분야에 대한 이해도 유지하는 '제너럴리스트'적 접근을 권장합니다. 🔭
- 크리에이티브 웹 개발 기술은 3D 아티스트, 게임 개발자, AR/VR 전문가, UX 연구원 등 다양한 직업으로 전환 가능한 높은 유연성과 확장성을 제공합니다. 🚀
- Blender 기본 조작법으로 3D 씬 시각화(장면, 조명, 카메라, 오브젝트), 카메라 이동(회전, 이동, 확대/축소) 방법을 설명합니다. 🕹️
- 오브젝트 변형(크기 조절, 이동, 회전) 및 특정 축 고정(X, Y, Z) 방법을 시연하며, 모든 변형의 기준이 되는 '오리진 포인트'의 중요성을 강조합니다. 📐
- Shift+A를 통해 큐브, 구, 원통 등 기본 도형(프리미티브 메시)을 추가하는 방법을 소개합니다. 🔺
- 실생활의 물체를 기본 도형으로 분해하여 생각하는 '3D 아티스트 직관 개발' 연습을 통해 모델링 사고방식을 기르는 것이 중요하다고 설명합니다. 💡