유명 3D 자바스크립트(JavaScript) 라이브러리인 Three.js의 창시자 Mr. Doob이 '젤리 시트(Jelly Sheet)'라는 흥미로운 인터랙티브 데모를 선보였습니다. 이 데모는 사용자가 가상의 천을 직접 마우스로 드래그하여 조작하고, 재질과 렌더링 설정을 실시간으로 변경하며 물리 기반의 유연한 움직임을 체험할 수 있도록 합니다. 특히 웹 브라우저 환경에서 고품질의 3D 물리 시뮬레이션을 구현했다는 점에서 많은 주목을 받고 있습니다.
젤리 시트 데모는 'CODEVEMBER 2026 / 01 / FOLD'라는 제목 아래, 천의 '공급 속도(Feed speed)'와 '굽힘 강성(Bending stiffness)' 같은 동작 관련 설정을 제공합니다. 또한, '플라스틱(Plastic)' 재질의 두께, 굴절, 굴절률(IOR), 색상 밀도, 거칠기 등을 세밀하게 조절할 수 있습니다. 렌더링 설정에서는 노출(EV), 대비, 채도, 색온도와 같은 색 보정(Color grading) 옵션은 물론, GTAO(Grand Theft Auto Ambient Occlusion) 및 해상도까지 제어할 수 있어, 웹 환경에서 구현 가능한 3D 그래픽의 깊이를 보여줍니다. 이 모든 설정은 실시간으로 천의 움직임과 시각적 표현에 반영되어 사용자에게 즉각적인 피드백을 제공합니다.
이 데모는 단순히 시각적인 즐거움을 넘어, 웹 기반 3D 기술의 발전 가능성을 시사합니다. Three.js의 창시자가 직접 선보인 만큼, 웹 브라우저 환경에서 복잡한 물리 시뮬레이션과 고품질 렌더링이 얼마나 정교하게 구현될 수 있는지 보여주는 좋은 사례입니다. 특히 모바일 기기에서도 원활하게 작동한다는 점은 웹 3D 콘텐츠의 접근성을 크게 확장할 수 있음을 의미합니다. 이러한 기술은 향후 웹 기반 게임, 인터랙티브 제품 디자인, 가상 현실(VR) 및 증강 현실(AR) 경험 등 다양한 분야에서 혁신적인 사용자 경험을 제공하는 데 기여할 것으로 기대됩니다.