Vou criar uma animação de site 3D baseada em scroll com three js e gsap


Sobre este Serviço
Tradução automática
O modelo 3D muda sua animação dependendo de como você rola a página. Sem cortes, sem recarregamento, apenas movimento contínuo ligado diretamente à posição do scroll, para frente ou para trás.
Eu faço isso usando Three.js e React Three Fiber, com GSAP controlando o tempo ligado ao scroll para que o movimento pareça pensado, e não mecânico. Prova ao vivo: basalt-instruments.vercel.app, um produto que modele e animei sozinho, depois conectei ao scroll, com nove camadas se separando ao rolar para baixo, revertendo de forma limpa se você rolar para cima. Teste no seu celular.
O que eu crio:
- Um modelo 3D modelado e animado no Blender
- Movimento ligado ao scroll, que pode ser controlado em ambas as direções
- Ritmo controlado por GSAP, não apenas um gatilho de fade-in padrão
- Exportação otimizada e compactada para desempenho real na web
- Totalmente responsivo, ajustado separadamente para o comportamento de scroll no mobile
Eu mesmo model, animar e integrar na web, sendo a única pessoa responsável por toda a pipeline, ao invés de passar o trabalho entre um artista 3D e um desenvolvedor.
Por favor, me envie uma mensagem antes de fazer o pedido com sua referência de produto ou marca, assim posso confirmar o escopo antes de começarmos.
Etapas do serviçoNOVO
Você pode pagar pelo seu projeto por etapa — pagando apenas quando for hora de começar uma etapa nova — ou fazer um pagamento único.
- Pacote Básico.
- 1ª etapa: Primeiro rascunhoEntrega em 2 dia(s) · 1 revisãoUS$ 100Pague Agora
Vou preparar um primeiro rascunho da entrega.
- 2ª etapa: EntregaEntrega em 3 dia(s) · 1 revisãoUS$ 150Pagar mais tarde
Vou enviar-lhe a entrega final para revisão e feedback.
Estas são as etapas que cumpriremos para concluir seu projeto.
Respeite os direitos de terceiros
Esteja atento ao fato que é contra as políticas do prestador da Fiverr incluir temas, modelos ou outros elementos no trabalho entregue que infrinjam os direitos de terceiros ou leis aplicáveis. Leia mais em nosso Guia de Criação Digital Responsável.
Conheça mais sobre Saif K
Blender 3D Artist Product Renders, Animation Videos, Print Models and Figurine
- A partir dePaquistão
- Membro desdejul. de 2020
- Responde em aprox.:1 hora
Idiomas
Inglês
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
Você mesmo modela o objeto 3D?
Sim, no Blender. Se você já tiver um modelo, envie para mim e eu otimizarei para uso em scroll em tempo real, ao invés de criar do zero.
Isso vai funcionar no mobile?
Sim, ajustado separadamente para o comportamento de scroll por toque, não apenas reduzido da versão desktop. Desempenho mobile é uma etapa verificada em cada projeto.
Posso ver funcionando antes da entrega final?
Sim. Você recebe uma prévia do modelo antes de começar a animação, e depois um link de staging ao vivo para testar você mesmo antes do acabamento final e entrega.

