패럴랙스 웹사이트 빌더 — 코드 없이 깊이를
장소를 한 줄 적으면, 스크롤할 때 하늘·건물·전경이 각자 다른 속도로 흐르는 한 페이지 사이트가 나옵니다. 코드는 필요 없습니다.
요령은 깊이 하나입니다. 레이어는 Studio가 그립니다.
Neta Studio는 AI 세계 빌더입니다. 한 문장이면 장소와 인물, 날씨가 있는 세계가 나옵니다. 패럴랙스 페이지는 그 세계가 내놓는 결과물 중 하나로, 같은 장소를 한 번 그리고 층으로 나누기에 스크롤이 분리할 것이 생깁니다. 그 세계는 걸어 다니거나, 게임으로 만들거나, 영상으로 찍을 수도 있습니다. 이 페이지는 깊이만 맡습니다.
- 한 그림에서 나온 레이어— 하늘, 건축, 소품, 전경 실루엣이 모두 같은 마스터 그림에서 나와, 떨어져도 빛이 맞습니다.
- 느껴지는 속도 차— 층마다 속도가 있고 전경은 하늘의 약 여덟 배입니다. 그래서 흐림이 아니라 깊이로 읽힙니다.
- 폴더 하나, 빌드 없음— 순수 HTML, CSS, PNG. 로컬에서 열고, 아무 호스팅에 올리고, 세계에 공개하면 링크가 됩니다.
자주 묻는 질문
패럴랙스 웹사이트란 무엇인가요?
스크롤할 때 서로 다른 거리에 있는 것들이 다른 속도로 움직이는 한 페이지 사이트입니다. 하늘은 천천히, 건물은 조금 더, 전경은 빠르게 지나갑니다. 깊이는 속도 차에서 나오지 3D에서 나오지 않습니다.
레이어를 자르려면 포토샵이 필요한가요?
아니요. 세션이 장면마다 마스터 그림을 그리고 레이어를 개별 PNG로 돌려줍니다. 전경은 투명한 가장자리를 갖습니다. 폴더는 아무 편집기에서나 열 수 있습니다.
스크롤 영상 사이트와 무엇이 다른가요?
스크롤 영상은 미리 렌더링한 카메라 비행을 문지릅니다. 이쪽은 고정 무대 위에 정지 레이어를 쌓은 것이라 촬영이 없고 파일이 가벼우며, 숫자 하나를 바꾸면 원하는 층의 속도를 바꿀 수 있습니다.
내 세계나 기존 IP를 써도 되나요?
됩니다. 장소와 인물을 말하거나 이미 만든 세계를 지정하세요. 레이어를 그 세계의 건축에서 그리므로 장면들이 일관됩니다.
처음엔 장면을 몇 개가 좋나요?
셋입니다. 하나로 효과가 증명되고, 셋이면 시작·중간·끝이 생깁니다. 장면마다 레이어가 네 장 늘어납니다.
휴대폰에서도 되나요?
됩니다. 터치 스크롤이 같은 속도를 만들고, 무대가 화면을 채우며, 세로 화면에서는 문구가 다시 조여집니다. prefers-reduced-motion에서는 레이어가 멈추고 평범한 그림 한 페이지가 됩니다.
나중에 문구와 속도를 바꿀 수 있나요?
됩니다. 문구는 순수 HTML이고 각 층의 속도는 스크립트의 숫자 하나입니다. 0.12를 0.2로 바꾸면 하늘이 더 빨라지고 나머지는 그대로입니다.
직접 호스팅해야 하나요?
아니요. 세계 안에서 공개하면 브라우저에서 열리는 링크가 나옵니다. 폴더를 어떤 정적 호스팅에 그대로 올려도 됩니다.
장소에 깊이를 주세요.
한 문장, 세 장면, 각각 네 레이어 — 그리고 바로 열리는 링크.