01 / 03
폰타인, 밤
세 정류장을 한 번에: 수상 버스 터미널, 아케이드, 오페라 하우스 지붕.
3D 스크롤 웹사이트 빌더
3D 스크롤 웹사이트 빌더 — Three.js 없이
장소를 한 줄로 적으면 스크롤이 진짜 카메라를 그 안으로 밀어 넣습니다. 장면은 생성되고, 각 장면에 다이브하고, 이음매는 보이지 않습니다. Three.js도 GSAP도 없이.
Scroll World Video 스킬로 동작합니다.
한 줄에서, 카메라처럼 스크롤하는 페이지로.
Neta Studio가 각 장면을 생성하고 색조를 하나로 맞춘 뒤, 장면 사이로 카메라를 날립니다. 발행된 페이지는 그 영상만 스크럽하므로 스크롤 위치가 곧 카메라의 시간이 됩니다. 문장은 페이지가 있는 자리에서 그대로 고칩니다.
- 가짜 시차가 아닌 진짜 깊이 — 장면은 스틸로 생성되고, 모델이 카메라를 그 안으로 날립니다. PNG 레이어나 CSS 변형으로 흉내내지 않습니다.
- 찾을 수 없는 이음매 — 모든 이음매를 앞 클립의 마지막 프레임에 맞추므로 전체가 원 테이크로 읽힙니다.
- 발행 후에도 편집 — 제목, 본문, 태그, 장면 순서는 평범한 필드입니다. 고쳐서 다시 발행해도 카메라 작업은 그대로.
자주 묻는 질문
진짜 3D인가요, 페이지에 얹은 영상인가요?
미리 렌더링한 것입니다. 각 장면은 생성된 스틸, 카메라 이동은 생성된 클립이고, 스크롤 위치가 그 클립을 스크럽합니다. 깊이와 움직임은 진짜이고 장면당 몇 MB입니다. 다만 모델을 돌려 보거나 경로를 벗어날 수는 없습니다.
Three.js나 GSAP, 디자이너가 필요한가요?
필요 없습니다. 한 줄만 씁니다. 라이브러리도 타임라인도 씬 그래프도, 촬영 예산도 없습니다.
첫 로딩은 얼마나 무겁나요?
세 장면에 약 23–25MB, 페이지가 열리기 전 진행 표시줄로 기다립니다. 장면을 하나 더하면 약 9MB가 늘어납니다.
내 사진이나 브랜드를 쓸 수 있나요?
됩니다. 참조로 넘기면 각 장면이 그 이미지에서 파생되어 실제 장소의 모습과 빛을 지킵니다. 아직 없는 세계라면 한 줄로 충분합니다.
만든 뒤에 무엇을 바꿀 수 있나요?
각 장면의 제목, 본문 한 줄, 최대 세 개의 태그, 그리고 장면 순서. 카메라 작업은 렌더링된 그대로입니다.
휴대폰에서도 되나요?
열리고 스크롤됩니다. 더 가벼운 인코딩과 중앙 크롭을 씁니다. 스크러빙은 원래 데스크톱 제스처라 느린 회선에서는 첫 로딩이 가장 크게 느껴집니다.
스크롤 애니메이션 템플릿과 무엇이 다른가요?
템플릿은 이미 있는 요소를 움직입니다. 여기서는 장면과 깊이, 카메라 경로가 생성되므로 존재한 적 없는 장소를 날아갈 수 있습니다.
완성된 사이트는 어디에 있나요?
작업으로 발행되어 공개 링크가 생깁니다. 보내거나, 임베드하거나, 포크해서 장면을 바꿀 수 있습니다.
한 줄, 한 번의 비행.
세 장면, 그 사이를 지나는 카메라, 보낼 수 있는 링크.
×