Интерактивная 3D-сцена «Космический туннель»

Серебристая кольцевая станция вращается на фоне чёрной дыры, а при прокрутке проявляется её каркас. Теоретические главы и фильм о полёте по туннелю ведут к финальным титрам. Создано Kimi K3.1 Pro.

Loading preview...
Начать с этого промпта

Серебристая кольцевая космическая станция на фоне чёрной дыры в пространственном повествовании, управляемом прокруткой.

Попробовать 3D Make
Создай 3D-веб-страницу с пространственным повествованием, управляемым прокруткой, на абсолютно чёрном фоне и с кинематографичной типографикой.

При прокрутке вниз пользователь попадает в 3D-сцену: детализированная серебристо-серая модель кольцевой космической станции медленно вращается на фоне массивного аккреционного диска чёрной дыры; добавь анимацию проявления каркаса и постобработку свечения. Движение мыши вращает камеру с инерцией. При дальнейшей прокрутке начинается теоретическая глава, где текст появляется слово за словом с эффектом параллакса. Затем идёт раздел «Кино»: на весь экран воспроизводится фильм о полёте по туннелю от первого лица, при этом прокрутка блокируется, а контраст кадра используется для создания интерактивного эффекта точек и линий. После окончания фильма переходи к финальному эпилогу с титрами и заверши всё цитатой.

Реализовано с помощью Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

Основная модель в этом видео — 3D-модель «Space Station 4» от re1monsen, взятая с Sketchfab и используемая по лицензии CC BY 4.0. Все модификации, материалы, освещение, работа с камерой и сцена туннеля созданы K3.
Добавить сенсорное управление

Добавляет управление для телефона и адаптивную вёрстку, не меняя остальные требования.

Попробовать 3D Make
Создай 3D-веб-страницу с пространственным повествованием, управляемым прокруткой, на абсолютно чёрном фоне и с кинематографичной типографикой.

При прокрутке вниз пользователь попадает в 3D-сцену: детализированная серебристо-серая модель кольцевой космической станции медленно вращается на фоне массивного аккреционного диска чёрной дыры; добавь анимацию проявления каркаса и постобработку свечения. Движение мыши вращает камеру с инерцией. При дальнейшей прокрутке начинается теоретическая глава, где текст появляется слово за словом с эффектом параллакса. Затем идёт раздел «Кино»: на весь экран воспроизводится фильм о полёте по туннелю от первого лица, при этом прокрутка блокируется, а контраст кадра используется для создания интерактивного эффекта точек и линий. После окончания фильма переходи к финальному эпилогу с титрами и заверши всё цитатой.

Реализовано с помощью Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

Основная модель в этом видео — 3D-модель «Space Station 4» от re1monsen, взятая с Sketchfab и используемая по лицензии CC BY 4.0. Все модификации, материалы, освещение, работа с камерой и сцена туннеля созданы K3.
Попробовать более тёплую палитру

Меняет палитру, сохраняя остальные требования.

Попробовать 3D Make
Создай 3D-веб-страницу с пространственным повествованием, управляемым прокруткой, на абсолютно чёрном фоне и с кинематографичной типографикой.

При прокрутке вниз пользователь попадает в 3D-сцену: детализированная серебристо-серая модель кольцевой космической станции медленно вращается на фоне массивного аккреционного диска чёрной дыры; добавь анимацию проявления каркаса и постобработку свечения. Движение мыши вращает камеру с инерцией. При дальнейшей прокрутке начинается теоретическая глава, где текст появляется слово за словом с эффектом параллакса. Затем идёт раздел «Кино»: на весь экран воспроизводится фильм о полёте по туннелю от первого лица, при этом прокрутка блокируется, а контраст кадра используется для создания интерактивного эффекта точек и линий. После окончания фильма переходи к финальному эпилогу с титрами и заверши всё цитатой.

Реализовано с помощью Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

Основная модель в этом видео — 3D-модель «Space Station 4» от re1monsen, взятая с Sketchfab и используемая по лицензии CC BY 4.0. Все модификации, материалы, освещение, работа с камерой и сцена туннеля созданы K3.