우주 터널 인터랙티브 3D 장면

스크롤하면 은빛 고리형 우주 정거장이 블랙홀을 배경으로 회전하고 와이어프레임이 드러납니다. 이론 챕터와 터널 비행 영상에 이어 엔딩 크레딧이 나옵니다. Kimi K3.1 Pro로 생성되었습니다.

Loading preview...

이 프롬프트로 시작하기

스크롤에 따라 전개되는 공간 서사 속, 블랙홀을 배경으로 한 은빛 고리형 우주 정거장.

완전한 검은색 배경과 영화 같은 타이포그래피를 갖춘, 스크롤 기반 공간 서사형 3D 웹페이지를 만드세요.

아래로 스크롤하면 3D 장면으로 진입합니다. 정교한 은회색 고리형 우주 정거장 모델이 거대한 블랙홀 강착 원반을 배경으로 천천히 회전하며, 와이어프레임이 드러나는 애니메이션과 글로우 후처리 효과를 적용합니다. 마우스를 움직이면 관성이 적용된 카메라 회전이 이루어집니다. 계속 스크롤하면 이론 챕터로 넘어가며, 텍스트가 패럴랙스 효과와 함께 단어별로 차례로 나타납니다. 다음은 시네마 섹션입니다. 1인칭 터널 비행 영상이 전체 화면으로 재생되고, 재생 중에는 스크롤이 고정됩니다. 또한 프레임의 대비를 샘플링하여 인터랙티브한 점과 선 효과를 생성합니다. 영상이 끝나면 크레딧이 포함된 에필로그 아웃트로로 전환되고, 인용문으로 마무리합니다.

Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass)로 구현합니다.

이 영상의 주요 모델은 Sketchfab에서 가져와 CC BY 4.0 라이선스에 따라 사용한 re1monsen의 3D 모델 "Space Station 4"입니다. 모든 수정, 머티리얼, 조명, 카메라 작업 및 터널 장면은 K3가 제작합니다.

터치 컨트롤 추가

다른 요구 사항은 변경하지 않고 휴대폰용 컨트롤과 레이아웃을 추가합니다.

3D Make 사용해 보기

완전한 검은색 배경과 영화 같은 타이포그래피를 갖춘, 스크롤 기반 공간 서사형 3D 웹페이지를 만드세요.

아래로 스크롤하면 3D 장면으로 진입합니다. 정교한 은회색 고리형 우주 정거장 모델이 거대한 블랙홀 강착 원반을 배경으로 천천히 회전하며, 와이어프레임이 드러나는 애니메이션과 글로우 후처리 효과를 적용합니다. 마우스를 움직이면 관성이 적용된 카메라 회전이 이루어집니다. 계속 스크롤하면 이론 챕터로 넘어가며, 텍스트가 패럴랙스 효과와 함께 단어별로 차례로 나타납니다. 다음은 시네마 섹션입니다. 1인칭 터널 비행 영상이 전체 화면으로 재생되고, 재생 중에는 스크롤이 고정됩니다. 또한 프레임의 대비를 샘플링하여 인터랙티브한 점과 선 효과를 생성합니다. 영상이 끝나면 크레딧이 포함된 에필로그 아웃트로로 전환되고, 인용문으로 마무리합니다.

Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass)로 구현합니다.

이 영상의 주요 모델은 Sketchfab에서 가져와 CC BY 4.0 라이선스에 따라 사용한 re1monsen의 3D 모델 "Space Station 4"입니다. 모든 수정, 머티리얼, 조명, 카메라 작업 및 터널 장면은 K3가 제작합니다.

더 따뜻한 팔레트 사용하기

다른 요구 사항은 유지하면서 색상 팔레트를 변경합니다.

3D Make 사용해 보기

완전한 검은색 배경과 영화 같은 타이포그래피를 갖춘, 스크롤 기반 공간 서사형 3D 웹페이지를 만드세요.

아래로 스크롤하면 3D 장면으로 진입합니다. 정교한 은회색 고리형 우주 정거장 모델이 거대한 블랙홀 강착 원반을 배경으로 천천히 회전하며, 와이어프레임이 드러나는 애니메이션과 글로우 후처리 효과를 적용합니다. 마우스를 움직이면 관성이 적용된 카메라 회전이 이루어집니다. 계속 스크롤하면 이론 챕터로 넘어가며, 텍스트가 패럴랙스 효과와 함께 단어별로 차례로 나타납니다. 다음은 시네마 섹션입니다. 1인칭 터널 비행 영상이 전체 화면으로 재생되고, 재생 중에는 스크롤이 고정됩니다. 또한 프레임의 대비를 샘플링하여 인터랙티브한 점과 선 효과를 생성합니다. 영상이 끝나면 크레딧이 포함된 에필로그 아웃트로로 전환되고, 인용문으로 마무리합니다.

Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass)로 구현합니다.

이 영상의 주요 모델은 Sketchfab에서 가져와 CC BY 4.0 라이선스에 따라 사용한 re1monsen의 3D 모델 "Space Station 4"입니다. 모든 수정, 머티리얼, 조명, 카메라 작업 및 터널 장면은 K3가 제작합니다.