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


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.
- 1era entrega parcial: Primer borradorEntrega en 2 día · 1 revisiónUSD 100Pagar Ahora
Prepararé un primer borrador de la entrega.
- 2da entrega parcial: EntregaEntrega en 3 día · 1 revisiónUSD 150Pagar más tarde
Te enviaré la entrega final para que la revises y me des tu opinión.
Estos son los pasos que seguiremos para completar tu proyecto.
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
Blender 3D Artist Product Renders, Animation Videos, Print Models and Figurine
- DePakistán
- Miembro desdejul 2020
- Responde aprox. en:1 hora
Idiomas
Inglés
Traducción automática
Mi porfolio
FAQ
Traducción automática
¿Modelas tú mismo el objeto 3D?
Sí, en Blender. Si ya tienes un modelo, envíamelo y lo optimizaré para su uso en desplazamiento en tiempo real en lugar de construirlo desde cero.
¿Esto funcionará en el móvil?
Sí, ajustado por separado para el comportamiento de desplazamiento táctil, no solo reducido de la versión de escritorio. El rendimiento en móvil es una etapa comprobada en cada construcción.
¿Puedo verlo funcionando antes de la entrega final?
Sí. Recibirás una vista previa del modelo antes de que comience la animación, y luego un enlace en vivo para desplazarte tú mismo antes del pulido final y la entrega.

