Crearé una animación 3D basada en desplazamiento con three js y gsap

S
saifkhan26
S
saifkhan26
Saif K
Parte de la información se ha traducido automáticamente.

Acerca de este Servicio

Traducción automática

El modelo 3D cambia su animación dependiendo de cómo desplaces. Sin cortes, sin recargar la página, solo movimiento continuo ligado directamente a la posición del desplazamiento, hacia adelante o hacia atrás.


Esto lo construyo en Three.js y React Three Fiber, con GSAP controlando el tiempo ligado al desplazamiento para que el movimiento se sienta pensado en lugar de mecánico. Prueba en vivo: basalt-instruments.vercel.app, un producto que modelé y animé yo mismo, y luego conecté al desplazamiento, con nueve capas que se separan al desplazarte hacia abajo, invirtiéndose limpiamente si vuelves a desplazarte hacia arriba. Pruébalo en tu teléfono.


Lo que construyo:

- Un modelo 3D modelado y animado en Blender

- Movimiento ligado al desplazamiento, que se puede scrubbing en ambas direcciones

- Ritmo controlado por GSAP, no solo un disparador de fade-in por defecto

- Exportación optimizada y comprimida para un rendimiento web real

- Totalmente responsive, ajustado por separado para el comportamiento de desplazamiento en móvil


Yo mismo modelé, animé y construí la integración web, siendo una sola persona quien controla toda la cadena de producción en lugar de una transferencia entre un artista 3D y un desarrollador.


Por favor, envíame un mensaje antes de ordenar con la referencia de tu producto o marca, para confirmar el alcance antes de comenzar.

Entregas parciales del ServicioNUEVO

Elige pagar tu proyecto por entrega parcial y solo pagarás cuando sea el momento de comenzar una nueva, o decide realizar 1 pago único.

    Paquete Básico.
    Estos son los pasos que seguiremos para completar tu proyecto.
  • 1era entrega parcial: Primer borrador
    Entrega en 2 día · 1 revisión
    USD 100Pagar Ahora

    Prepararé un primer borrador de la entrega.

  • 2da entrega parcial: Entrega
    Entrega en 3 día · 1 revisión
    USD 150
    Pagar más tarde

    Te enviaré la entrega final para que la revises y me des tu opinión.

Respeta los derechos de terceros

Recuerda que incluir temas, plantillas o cualquier otro elemento que viole los derechos de terceros o las leyes aplicables en los trabajos entregados va en contra de las políticas de Fiverr. Puedes ver más información en Guía para la creación digital responsable.

Conoce a Saif K

Saif K

Blender 3D Artist Product Renders, Animation Videos, Print Models and Figurine

  • DePakistán
  • Miembro desdejul 2020
  • Responde aprox. en:1 hora
  • Idiomas

    Inglés
I make products and characters look incredible in 3D — photorealistic renders for ecommerce, animated videos for brand launches, print-ready models for FDM and resin printers, and stylised figurines built for display. Everything is rendered in Blender Cycles. Every print file is a clean, watertight mesh. Every animation is smooth, lit properly, and ready to use without rework. I reply fast and send a preview before finalizing anything. Message me before ordering.

Traducción automática

Mi porfolio