Neta
ExploreWorksWorldsToolsGuides
ExploreToolsGuides
내 스크롤 사이트 만들기
스크롤 웹사이트 영상 생성기

스크롤 웹사이트 영상 생성기, 프롬프트 하나로

프롬프트 하나로 스크롤 위치가 재생 헤드가 되는 페이지를 만듭니다. 카메라가 장면으로 들어가고, 빠져나와 다음 장면에 닿습니다. 컷은 없습니다.

폰텐의 밤——아쿠아버스 승강장. 이 페이지를 위해 원신 세계에서 생성. 화면 안에서 스크롤하면 세 장면을 지나갑니다.

폰텐의 밤. 이 페이지를 위해 원신 세계에서 만들었습니다. 화면 안에서 스크롤하세요. 세 곳의 정류점, 세 번의 잠수, 두 개의 이음매, 하나의 연속된 비행입니다.

비행을 스크롤하기↗
The Descent——챠즘 시티. 빛나는 협곡 위로 다리와 탑이 걸려 있고 챕터 내비와 장면 문구가 겹쳐 있다.Scroll of Colossal Things——절벽에 새겨진 거대 불상. 귀에 덩굴이 얽히고 옆에 장면 문구와 수치 행.Cronache di Feira e Airalia——하늘의 도시 아이라리아. 구름 다리 위로 독수리가 돌고 왼쪽에 이탈리아어 문구.폰텐의 밤——상점가. 생성된 영상 위에 장면 제목과 챕터 내비.
✦스크롤 영상
스크롤 웹사이트 영상 만들기:새벽의 절벽 사찰——산문, 돌계단, 봉우리

Scroll World 스킬로 생성 — 아래 모든 프레임이 이 스킬의 결과물입니다.

The Descent——버려진 문. 불 켜진 돌 복도가 어둠으로 이어지고 챕터 내비, 01 / 05, 제목과 한 줄 문구가 겹쳐 있다.The Descent
버려진 문 — 다섯 장면 중 첫 장면. 챕터 내비, 장면 제목, 한 줄 문구는 영상 위의 HTML이라 만든 뒤에도 고칠 수 있습니다.
The Descent——크리스털 디센트. 돌 나선 다리가 푸르게 빛나는 협곡을 가로지르고 뒤로 폭포가 보인다.The Descent
크리스털 디센트 — 나선을 내려가는 잠수 중. 카메라는 정지 화면이 아니라 움직입니다. 난간은 흐르고 문구는 제자리에 있습니다.
The Descent——용의 성소. 물에 잠긴 금고에서 용이 금과 알 위에 몸을 말고 있고 “다시 내려가기” 버튼이 있다.The Descent
용의 성소 — 비행은 수호자와 “다시 내려가기” 버튼에서 끝납니다. 스크롤 길이는 영상 길이가 아니라 페이지가 정합니다.
Scroll of Colossal Things——산만 한 고래가 작은 배 아래 가라앉아 있다. 수묵화풍에 중국어 문구와 수치 행.Scroll of Colossal Things
고래 — 수묵 다섯 장. 장면마다 생성한 정지 화면 한 장, 그다음 카메라 움직임. 수치 행과 챕터 칩은 HTML입니다.
Scroll of Colossal Things——능선이 노인의 얼굴이 되고 아래로 안개와 소나무.Scroll of Colossal Things
잠든 산 — 두 번째 장면도 종이, 붓, 서체가 첫 장면 그대로입니다. 모든 정지 화면을 하나의 마스터에서 파생시키기 때문입니다.
Scroll of Colossal Things——안개 속으로 솟은 높은 탑. 옆에 용의 꼬리와 석불.Scroll of Colossal Things
탑 — 세로 피사체를 16:9 프레임에. 구도는 페이지에 맞춰 고르므로 노트북에서 검은 여백이 생기지 않습니다.
Cronache di Feira e Airalia——동굴 속 푸른 수정 도시. 이탈리아어 제목 Feira · la Città di Cristallo.Cronache di Feira e Airalia
페이라, 수정의 도시 — 이탈리아어 빌드. 제목과 본문, 내비가 모두 이탈리아어입니다. 페이지는 요청한 언어로 쓰입니다.
Cronache di Feira e Airalia——새벽의 계곡, 호수와 숲. 위에 이탈리아어 제목 Il Mondo Esterno.Cronache di Feira e Airalia
바깥 세계 — 세 번째 장면은 생성된 연결 컷으로 터널을 빠져나와 낮으로 나갑니다. 암전으로 건너뛰지 않고 카메라가 걸어 나옵니다.
폰텐의 밤——아쿠아버스 승강장. 생성된 영상 위에 장면 제목과 챕터 내비. 이 페이지를 위해 제작.Genshin Impact · Fontaine
아쿠아버스 승강장 — 이 페이지를 위해 원신 세계에서 생성했습니다. 세 장면, 세 번의 잠수, 두 개의 연결, 하나의 스크롤 페이지로 공개.
LIVE PROOF

See the work live.

Open the work and use it here.

See the work live.Open in new tab
Want your own?Make My Own

재생되는 영상이 아니라, 스크롤로 움직이는 페이지입니다.

Studio가 장면과 잠수, 이음매를 생성하고 겹쳐 놓을 문구를 쓴 뒤 페이지를 공개합니다. 남는 것은 정적 사이트입니다. 영상 파일, HTML 한 장, 작은 스크롤 엔진. 프레임워크도 타임라인도 내보내기 단계도 없이, 링크를 열고 스크롤하면 됩니다.

  • 스크롤이 재생 헤드——스크롤 위치가 곧 프레임입니다. 속도는 보는 사람이 정하고, 중간에 멈추면 카메라도 거기서 멈춥니다.
  • 하나의 빛, 세 장면——마스터 정지 화면이 색과 빛을 정하고 각 장면은 거기서 파생됩니다. 첫 장면의 항구가 세 번째 장면에서도 같은 항구입니다.
  • 문구는 직접 고침——제목, 눈썹 문구, 수치 행, 내비 라벨은 공개 페이지의 HTML입니다. 글자를 바꾸는 데 클립을 다시 렌더링할 필요가 없습니다.

만들기 전에 많이 묻는 것들.

스크롤 웹사이트 영상 생성기가 뭔가요?

스크롤 위치가 미리 렌더링한 카메라 비행의 재생 지점이 되는 페이지를 만듭니다. 스크롤하면 카메라가 생성된 장면을 지나갑니다. 재생 버튼도, 편집할 타임라인도 없습니다.

제 웹사이트가 스크롤되는 영상인가요?

아니요. 이미 있는 페이지가 움직이는 모습을 녹화하려면 화면 녹화 도구를 쓰세요. 여기서는 페이지 자체를 만들고, 영상이 그 안에 있으며 스크롤이 영상을 움직입니다.

GSAP나 After Effects, 편집 프로그램이 필요한가요?

필요 없습니다. 생성 쪽이 순수 HTML, CSS, 작은 JavaScript 스크롤 엔진을 쓰고 클립은 모델이 만듭니다. 어떤 정적 호스팅에도 올릴 수 있습니다.

장면은 몇 개까지 되나요?

기본은 세 장면, 영상은 약 25MB입니다. 장면이 하나 늘 때마다 잠수와 연결이 하나씩, 약 9MB가 더해집니다. 이 페이지의 The Descent는 다섯 장면입니다.

만드는 데 얼마나 걸리나요?

정지 화면이 먼저, 클립이 마지막입니다. 세 장면 비행은 영상 대기열에 따라 보통 한두 시간 걸립니다. 이 페이지의 폰텐은 약 80분 걸렸습니다.

휴대폰에서도 되나요?

됩니다. 터치 스크롤이 같은 엔진을 움직이고, 작은 화면에서는 가벼운 인코딩을 불러와 첫 장면이 더 빨리 시작됩니다.

이음매가 정말 안 보이나요?

각 연결은 앞 잠수의 실제 마지막 프레임에서 시작해 다음 잠수의 실제 첫 프레임에서 끝납니다. 일부 빌드는 보험으로 짧은 디졸브를 넣습니다. 완전히 붙이려면 프레임 단위 일치를 요청하세요.

제 IP나 그림, 문구를 쓸 수 있나요?

됩니다. 기존 세계 안에서 만들면 배역과 건축이 이어지고, 참조 이미지를 줄 수도 있습니다. 장면 제목과 본문, 내비 라벨은 편집 가능한 HTML로 남습니다.

한 장소에 세 곳의 정류점을.

버튼은 항구 야시장——생선 노점, 등불 골목, 옥상 신사——을 불러옵니다. 입력란에서 장소와 정류점을 바꾸면 그대로 스크롤되는 페이지가 돌아옵니다.

항구 야시장 사이트 만들기
×