Dreamcore — 동굴 너머의 하늘로


홈페이지패스LUDGI 제작
Dreamcore — 동굴 너머의 하늘로
동굴 안으로 걸어 들어가 하늘로 빠져나오는 랜딩.
자료를 불러오는 중…
산 동굴 깊은 곳에서 시작하는 한 페이지 랜딩입니다. 스크롤하면 카메라가 작은 구멍으로 다가가고, 원근이 휘며 구멍이 찢어지듯 열리고, 구름이 흐르는 하늘과 떠다니는 섬, 구름바다에서 떠오르는 카드로 빠져나옵니다. 키트에는 React + Vite + WebGL 소스, 빌드본, 내 세계로 같은 레이어를 만드는 워크플로가 들어 있습니다.
- 스택
- React 19 · Vite · three.js · Lenis
- 모션
- 깊이 패럴랙스 · 빛줄기 · 열리는 구멍 · 영상 하늘
- 구성
- 소스 · 빌드본 · 세계 워크플로
자세히
만든 방법LUDGI 제작
- 제작
- LUDGI 제작
- 길이
- 45초
- 화면
- 16:9
이용 범위와 출처
럿지 이용약관의 자료 이용 규정이 적용됩니다. 스틸은 GPT Image(ChatGPT)로, 하늘·구름 영상과 앰비언스는 Higgsfield API의 MiniMax H3로 만들었으며 각 서비스 약관을 따릅니다. 깊이맵은 Depth Anything V2 Small(Apache-2.0), 업스케일은 RealESRGAN x4plus(BSD-3-Clause)로 만들었습니다. 글꼴: SIL OFL 1.1.
- LUDGI
LUDGI original website, code, copy and workflow; third-party parts keep their own terms. - OpenAI · GPT Image
Stills generated by LUDGI through ChatGPT; use follows the OpenAI terms. - Higgsfield · MiniMax H3
Sky and cloud films and ambience generated by LUDGI on its Higgsfield account; use follows Higgsfield's terms. - Depth Anything V2 Small · RealESRGAN x4plus
Tools used to make the depth map and upscales (Apache-2.0 / BSD-3-Clause). - Viaoda Libre, Imprima (Google Fonts)
SIL Open Font License 1.1 - React, three.js, Tailwind CSS, Lenis, Lucide
MIT / ISC
함께 볼 자료
자료 3개



