Crie uma página da web 3D com narrativa espacial guiada pela rolagem, fundo preto puro e tipografia cinematográfica.

Ao rolar para baixo, entre na cena 3D: um modelo ricamente detalhado de uma estação espacial em forma de anel cinza-prateado gira lentamente diante do disco de acreção de um enorme buraco negro, com uma animação de revelação em wireframe e pós-processamento de brilho; o movimento do mouse gira a câmera com inércia. Continuar a rolagem leva ao capítulo sobre teoria, em que o texto surge palavra por palavra com paralaxe. Em seguida, vem a seção de cinema: um filme em primeira pessoa de voo por um túnel é reproduzido em tela cheia, durante o qual a rolagem é bloqueada, e o contraste dos quadros é amostrado para gerar um efeito interativo de pontos e linhas. Após o término do filme, a página faz a transição para um epílogo com créditos, encerrando com uma citação.

Implementado com Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

O modelo principal deste vídeo é o modelo 3D "Space Station 4", de re1monsen, obtido no Sketchfab e usado sob a licença CC BY 4.0. Todas as modificações, materiais, iluminação, trabalho de câmera e a cena do túnel foram criados por K3.

Crie uma página da web 3D com narrativa espacial guiada pela rolagem, fundo preto puro e tipografia cinematográfica.

Ao rolar para baixo, entre na cena 3D: um modelo ricamente detalhado de uma estação espacial em forma de anel cinza-prateado gira lentamente diante do disco de acreção de um enorme buraco negro, com uma animação de revelação em wireframe e pós-processamento de brilho; o movimento do mouse gira a câmera com inércia. Continuar a rolagem leva ao capítulo sobre teoria, em que o texto surge palavra por palavra com paralaxe. Em seguida, vem a seção de cinema: um filme em primeira pessoa de voo por um túnel é reproduzido em tela cheia, durante o qual a rolagem é bloqueada, e o contraste dos quadros é amostrado para gerar um efeito interativo de pontos e linhas. Após o término do filme, a página faz a transição para um epílogo com créditos, encerrando com uma citação.

Implementado com Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

O modelo principal deste vídeo é o modelo 3D "Space Station 4", de re1monsen, obtido no Sketchfab e usado sob a licença CC BY 4.0. Todas as modificações, materiais, iluminação, trabalho de câmera e a cena do túnel foram criados por K3.