Pitch: Meu primeiro projeto em ThreeJS

Olá, pessoal, hoje queria compartilhar com vocês um projeto, se trata de uma página de coming soon que fiz pra minha namorada. Sou um dev iniciante e uma semana atrás comecei me aventurar na biblioteca ThreeJS, e como o site que estou fazendo vai demorar ainda um pouco pra sair, eu resolvi fazer uma página de coming soon que fosse uma experiência mais imersiva.

Os feedbacks são muito bem vindos, conto com vocês! Obrigado pela atenção.

EDIT: fiz o deploy do projeto em https://terraquea.com.br Obrigado a todos pelo feedback!

filipedeschampshá 2 anos

Ruan, sensacional, muito bem executado! O casamento entre a frase e as folhas ficou sensacional!

E aqui está rodando a 60fps tanto no Desktop quanto Mobile 💪

Só fiquei com uma dúvida do funcionamento daquele quadradinho no canto superior direito. O que ele faz exatamente?

ruancostadevhá 2 anos
Ele mostra um texto na parte central do site e muda a posição da camera, o botão só funciona quando a animação de abertur é finalizada. Valeu pelo feedback!
XequeDEVhá 2 anos

Opa! o projeto ficou muito legal, porém tem um problema, para computadores de uma decada atrás seu site fica extremamente lento, isso porque a GPU destes computadores não suportam aceleração de hardware para webGL, uma solução para isso é verificar o FPS do canvas, e caso for 10 (você escolhe) ou menos você pode substituir o canvas por um GIF ou até mesmo um vídeo, abraço!

ruancostadevhá 2 anos
Obrigado pelo feedback, XequeDEV. Tem esse problema com os computadores antigos mesmo, acho que abaixo de 30 FPS já vai ficar uma experiência péssima. Valeu pela dica!
Selittohá 2 anos

Está criando scroll na vertical e na horizontal e tem um checkbox ali em cima que não faz nada, fora isso ta bem legal!

ruancostadevhá 2 anos
Cara, é um botão que só funciona quando termina a animação inicial, creio que eu tenha que mostrar após terminar a animação inicial. Você pode interagir com as folhas também, creio que tenho que mostrar de uma forma mais intuitiva pro usuário. Valeu pelo feedback.
mulirohá 2 anos

Ruan, Muito legal seu projeto! um ótimo primeiro passo e iniciativa :D Apenas um pontinho: As interações com as folhas podem ser mais intuitivas, acredito que se você trocar o material pra funcionar no hover pode funcionar muito bem!

ruancostadevhá 2 anos
Cara, eu também estava pensando nisso, mas acho que vou fazer uma mudança na cor da folha, creio que vai ficar bom também. Valeu pelo feedback!
mulirohá 2 anos
Boaa! ficou irado!
MatheusManuelhá 2 anos

caraca mano vc é brabo ganhou uma salva de palmas

ruancostadevhá 2 anos
Valeu pelo feedback, Matheus. Qualquer bug ou algo assim você pode reportar aqui na thread, ok?
Jejefurrierhá 2 anos

ficou FODA! unico feedback, seria que as mensagens aparecessem escritas nas folhas, ao invés de mostrar aquela modal Mas parabens

RochaLeehá 2 anos

Ficou muito foda mermão!

codecompanybrasilhá 2 anos

Caramba, não conhecia essa biblioteca e agora não consigo parar de entrar nos sites que eles deixaram no threejs.org

Gente, sério...

Olha isso aqui KKKKKKK

https://dddance.party/

Ou esse game incrível que me prendeu por uns 10 min: https://helloenjoy.itch.io/hellorun

Sério... ThreeJS ta oficialmente entrando na minha lista de libs que vou me aventurar

rafaelcs2022há 2 anos

Achei muito massa cara, parabéns mesmo

ruancostadevhá 2 anos

Pessoal, já fiz o deploy do projeto em https://www.terraquea.com.br/, é a primeira release, tem bastante melhorias!