Me gustaría crear una aplicación de creación de personajes con next js. Esta herramienta debería permitir al usuario modificar el carácter con el control deslizante dado, así como los botones para el género.
Me gustaría tener una versión animada en 2D del personaje que cambie dinámicamente con la entrada. Por ejemplo, el control deslizante de edad debe cambiar la edad del personaje y la altura debe cambiar la altura a medida que se mueve el control deslizante.
Sin embargo, no tengo ni idea de cuál es la forma correcta de abordar algo como esto. Por supuesto, necesito crear todas las animaciones ne de antemano, sin embargo, no estoy seguro de qué manera debo crearlas. Cambiar la imagen con cada movimiento parece no estar bien. Además, probablemente solo necesitaría alterar partes del personaje.
Si tiene algún ejemplo de algo como esto, le agradeceríamos que lo compartiera.
Puedes usar Farmer Motion en tu Next JS instalándolo
yarn add framer-motion # or npm install framer-motiono obtenga ayuda de: https://www.freecodecamp.org/news/how-to-add-interactive-animations-and-page-transitions-to-a-next-js-web-app-with-framer-motion /