AI 스크롤 웹사이트

AI 스크롤 웹사이트 — 스크롤이 카메라

한 문장을 넣으면 스크롤하는 사이트가 나옵니다. 생성된 장면 세 개, 정거장마다 큰 제목, 스크롤하는 만큼 계속 나아가는 카메라. 스크롤이 곧 카메라.

등불 야시장, 꼬치 노점 앞의 호두, 카메라는 이미 안으로 들어왔다해질녘 가타기리 고교 정문, 호리와 미야무라비 오는 시부야 골목, 거대한 그림자에 망치를 든 노바라밤에 광장에서 올려다본 Aegis Global 타워, 계단 위의 망토 쓴 인물
✦스크롤 사이트
스크롤 웹사이트 만들기: 해질녘 리웨 항구 — 부두와 등불 야시장, 장면 세 개, 스크롤에 따라 움직이는 카메라, 공개되는 페이지
16:9 장면 세 장, 스크롤 엔진 하나, 영상 파일 없음 — 페이지 전체가 1MB 미만.
블루 아워의 리웨 항구, 스크롤 웹사이트의 첫 장면 원신
블루 아워의 리웨 항구. 아무것도 만지기 전에 먼저 보이는 것.
공개된 사이트 열기
리웨 등불 야시장에서 꼬치를 먹는 호두 원신
등불 야시장. 꼬치 노점 앞의 호두. 스크롤하면 카메라가 노점 옆을 지나간다.
공개된 사이트 열기
리웨 항구를 내려다보는 테라스, 물 위의 달, 난간에 선 종려와 여행자 원신
항구 위 테라스. 세 번째 장면: 달, 등불, 그리고 종려와 여행자.
공개된 사이트 열기
저녁 여섯 시 가타기리 고교 정문, 가로등 아래 기다리는 호리 Horimiya
가타기리 고교, 여섯 시. 호리는 가로등 아래에서 기다리고, 미야무라는 느긋하게 온다.
공개된 사이트 열기
노을 진 교실, 책상에 앉은 호리와 문가에 선 미야무라 Horimiya
교실. 스크롤이 복도를 따라 카메라를 밀고, 노을이 마지막 색을 남긴다.
공개된 사이트 열기
밤의 학교 옥상, 철망 앞에 선 두 학생과 도시의 불빛 Horimiya
옥상. 철망 앞의 두 사람, 나머지는 도시가 말한다.
공개된 사이트 열기
비 오는 밤 시부야 교차로를 걷는 이타도리와 노바라 주술회전
열한 시의 교차로. 이타도리와 노바라가 자기 자리처럼 걸어 들어간다.
공개된 사이트 열기
지하철 역사 통로, 고죠와 이타도리, 타일에 비친 분홍 네온 주술회전
지하 통로. 고죠는 먼 길로 가고, 네온이 그를 따라 내려온다.
공개된 사이트 열기
시부야 교차로 옆 빗속 골목, 거대한 그림자에 망치를 든 노바라 주술회전
교차로 옆 골목. 사람들이 지나쳐 버린 것을 노바라가 찾아낸다.
공개된 사이트 열기
01 / 03

8b64df6b 8389 418f 87b9 f989679e8a4d

From this page’s own proof set.

8b64df6b 8389 418f 87b9 f989679e8a4dOpen in new tab
Want your own?Make My Own

Neta Studio가 만드는 것

장소와 분위기를 주면 됩니다. Studio가 장면을 쓰고 스틸을 생성해, 스크롤 위치가 각 장면의 카메라 진입을 정하고 다음 장면으로 녹아드는 페이지를 내놓습니다. 타임라인도 GSAP도 카메라 리그도 없습니다.

  • 스톡이 아니라 생성 — 모든 장면이 당신의 문장을 위해 그려집니다. 부두, 시장, 옥상. 소재 라이브러리도 그린 스크린도 없습니다.
  • 조작은 스크롤뿐 — 스크롤 위치가 곧 카메라입니다. 들어가고 흐르면, 같은 제목 아래 다음 장면이 올라옵니다.
  • 링크 하나, 어느 기기에서나 — 결과물은 평범한 HTML, CSS, MP4이고 URL로 공개됩니다. 휴대폰에서 앱도 플러그인도 없이 열립니다.

자주 묻는 질문

코딩을 알아야 하나요?

아니요. 장소를 설명하고 몇 가지만 답하면 장면과 페이지가 만들어집니다. 코드를 쓴다면 공개된 페이지는 평범한 HTML과 JavaScript라 직접 열어 고칠 수 있습니다.

이건 영상인가요, 웹사이트인가요?

웹사이트입니다. 페이지는 제목, 문구, 챕터 내비가 들어간 HTML이고, 장면은 생성한 스틸이며, 스크롤 위치가 얼마나 들어갔는지를 정합니다. 영상 파일이 없어서 휴대폰에서도 빨리 열립니다.

장면은 몇 개까지 되나요?

기본은 세 개입니다. 가볍게 유지하기 위해서입니다. 하나 늘 때마다 이미지 한 장과 스크롤이 조금 늘어서, 다섯 장면도 금방 열립니다. 더 원하면 말하면 됩니다.

내 사진이나 브랜드 색을 쓸 수 있나요?

됩니다. 참고 이미지를 넣거나 색을 설명하면 그 느낌에서 장면을 만듭니다. 제목과 문구, 챕터 이름은 HTML이라 당신의 문장이 그대로 들어갑니다.

장면 사이는 어떻게 넘어가나요? 끊기나요?

카메라가 아직 움직이는 동안 앞 장면이 다음 장면으로 녹아들어서, 전환은 검은 화면이 아니라 글자 아래에서 일어납니다. 한 번의 연속된 움직임으로 읽히고, 컷도 암전도 없습니다.

휴대폰에서도 되나요?

됩니다. 세로 구도로 바뀌고 같은 스크롤이 같은 움직임을 만듭니다. 세 장면 이미지가 1MB 미만이라 로딩 화면 없이 열립니다.

나중에 글자를 고칠 수 있나요?

됩니다. 제목, 한 줄 문구, 챕터 이름은 HTML입니다. 공개된 페이지에서 바로 고치거나 같은 대화에서 새 버전을 요청하세요.

무엇은 안 되나요?

안을 걸어 다니거나 지도를 열 수는 없습니다. 한 방향 카메라 비행입니다. 걸어 다니는 세계가 필요하면 이동 가능한 3D 월드나 지도 페이지가 더 맞습니다.

한 장소에서 시작

항구, 교문, 골목 하나. 한 문장이면 충분합니다. 나머지는 대화로 붙이면 됩니다.

×