Dreamcore — 동굴 너머의 하늘로

홈페이지패스LUDGI 제작

Dreamcore — 동굴 너머의 하늘로

동굴 안으로 걸어 들어가 하늘로 빠져나오는 랜딩.

  • website
  • landing page
  • parallax
  • WebGL
  • three.js

자료를 불러오는 중…

산 동굴 깊은 곳에서 시작하는 한 페이지 랜딩입니다. 스크롤하면 카메라가 작은 구멍으로 다가가고, 원근이 휘며 구멍이 찢어지듯 열리고, 구름이 흐르는 하늘과 떠다니는 섬, 구름바다에서 떠오르는 카드로 빠져나옵니다. 키트에는 React + Vite + WebGL 소스, 빌드본, 내 세계로 같은 레이어를 만드는 워크플로가 들어 있습니다.

스택
React 19 · Vite · three.js · Lenis
모션
깊이 패럴랙스 · 빛줄기 · 열리는 구멍 · 영상 하늘
구성
소스 · 빌드본 · 세계 워크플로
자세히

만든 방법LUDGI 제작

제작
LUDGI 제작
길이
45초
화면
16:9

재료

  • 첫 키프레임 · GPT ImageAI가 만듦
  • 레이어 분해AI가 만듦
  • 하늘 루프 · MiniMax H3 (Higgsfield)AI가 만듦
  • 검은 배경 구름바다 · MiniMax H3 (Higgsfield)AI가 만듦

이용 범위와 출처

럿지 이용약관의 자료 이용 규정이 적용됩니다. 스틸은 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개