Astra를 활용한 인터랙티브 스토리텔링 웹 프로젝트 사례
3D 모델링 기술 없이도 Astra와 같은 LLM을 활용해 복잡한 인터랙티브 웹 콘텐츠를 구현하는 '바이브 코딩' 사례.
요약
한 Reddit 사용자가 복잡한 3D 기술 스택이나 Three.js에 대한 깊은 지식 없이도 Astra를 활용해 '오디세이(The Odyssey)' 서사 기반의 인터랙티브 스크롤 프로젝트를 구현했다. 이 프로젝트는 크리스토퍼 놀란 감독의 연출 기법과 호메로스의 원작 이야기를 결합하여, 사용자가 페이지를 스크롤함에 따라 서사가 전개되는 인터랙티브 세계를 구축한 것이 특징이다. 오디세우스가 이타카를 떠나 트로이 전쟁을 거쳐 키클롭스, 키르케의 섬, 저승 등 험난한 여정을 지나 다시 집으로 돌아오는 과정을 시각적으로 구현했다. 특히 기술적 한계를 서사 중심의 접근 방식으로 극복하며, 인터랙티브 스토리텔링을 통해 사용자의 몰입감을 높이는 데 성공했다. 이는 코딩 능력이 부족하더라도 생성형 AI 도구를 활용해 복잡한 3D 프로젝트를 완성할 수 있음을 보여주는 사례로 주목받고 있다.
AI가 원문을 요약한 내용으로, 부정확할 수 있습니다.
원문 제목 I‘m bad at 3D tech stacks so I vibe coded an interactive Odyssey narrative scroll project using Astra
원문 보기 ↗