Animación de texto rotativo (Vue 3 y JS, CSS, anime.js, gsap o three.js)
Budget: $30 – $250 USD
Requiero una persona que tenga sólidos conocimientos de animación web. La idea es tener un texto en movimiento.
Requerimientos:
1. El giro debe ser en sentido horario.
2. El efecto debe ser en 3D con una animación fluída.
3. Debe verse bien en un div de 380 x 40 px
4. Debe poder manejar un array de distintos textos, uno tras otro, con una separación entre sí
5. La trayectoria seguida por el texto debe ser un elipse (más largo del eje X), de tal forma que la parte lateral del elipse (frontal en el eje Z) debe ser plana.
6. Debo poder controlar el radio de los extremos del elipse
7. Debe tener una opacidad en los extremos que este en función de la posición con relación a la cámara/usuario.
8. Debo tener control de si la animación debe ser continua o pausada. En caso de ser pausada el texto se centra en la posición frontal durante unos segundos y luego se desliza hacia la izquierda, dando paso al siguiente texto.
9. Debo tener control de los tiempos/velocidad, tanto de pausa como de deslizamiento.
10. Ideal si puedes hacerlo dentro de un componente Vue 3 composition api script setup. Si no, no hay problema con usar html vainilla. No usar react, angular o svelte.
Tengo este codepen que muestra algo parecido a lo que necesito: https://codepen.io/Juan-Guillermo-Casta-o-Mercado/pen/RNwyeja
Puedes usar html,css, js, anime.js, gsap o three, lo que sea necesario para conseguir el efecto.
Para saber que leiste todo el requerimiento, inicia tu propuesta con la palabra 'copito'. Propuestas sin esa palabra clave serán denunciadas por spam.
Requerimientos:
1. El giro debe ser en sentido horario.
2. El efecto debe ser en 3D con una animación fluída.
3. Debe verse bien en un div de 380 x 40 px
4. Debe poder manejar un array de distintos textos, uno tras otro, con una separación entre sí
5. La trayectoria seguida por el texto debe ser un elipse (más largo del eje X), de tal forma que la parte lateral del elipse (frontal en el eje Z) debe ser plana.
6. Debo poder controlar el radio de los extremos del elipse
7. Debe tener una opacidad en los extremos que este en función de la posición con relación a la cámara/usuario.
8. Debo tener control de si la animación debe ser continua o pausada. En caso de ser pausada el texto se centra en la posición frontal durante unos segundos y luego se desliza hacia la izquierda, dando paso al siguiente texto.
9. Debo tener control de los tiempos/velocidad, tanto de pausa como de deslizamiento.
10. Ideal si puedes hacerlo dentro de un componente Vue 3 composition api script setup. Si no, no hay problema con usar html vainilla. No usar react, angular o svelte.
Tengo este codepen que muestra algo parecido a lo que necesito: https://codepen.io/Juan-Guillermo-Casta-o-Mercado/pen/RNwyeja
Puedes usar html,css, js, anime.js, gsap o three, lo que sea necesario para conseguir el efecto.
Para saber que leiste todo el requerimiento, inicia tu propuesta con la palabra 'copito'. Propuestas sin esa palabra clave serán denunciadas por spam.