Toffi, un avatar para streaming que reacciona al teclado y al ratón
Un proyecto demo al estilo de los avatares de VeadoTube que hago para streamers: el personaje está sentado ante el teclado y el ratón, presiona W/A/S/D y sus combinaciones, hace clic izquierdo y derecho, parpadea y habla. Funciona directamente en el navegador: aquí la boca se abre mientras se mantiene presionada la tecla Espacio; durante la transmisión, de eso se encarga el micrófono.
- 54 KB
- todo el módulo
- 7
- botones en pantalla
- 0
- dependencias externas
La demo interactiva no se ha podido iniciar en este navegador, así que se muestra una versión estática.
La tarea
Mostrar en vivo cómo funciona un avatar para streaming: que un streamer pueda presionar las teclas y ver cómo se vería su personaje durante la transmisión.
Qué hice
- Ilustración vectorial por capas: estados independientes para las patas, las teclas, los ojos y la boca
- W+A y W+D tienen sus propias poses; las flechas funcionan como equivalentes, igual que la distribución de teclado rusa
- El teclado solo se captura al pasar el cursor por encima o al recibir el foco, así la página sigue siendo cómoda de usar
- Botones en pantalla para teléfonos; con la opción de reducir el movimiento activada, se desactiva la animación en reposo
Pruebas
- Una demo en vivo en esta página
- Un avatar similar para un streamer en VeadoTube: W/A/S/D, clic izquierdo y derecho, boca controlada por el micrófono y parpadeo; el cliente lo configuró él mismo siguiendo mis instrucciones
Materiales
2 · Haga clic en un elemento para ampliarlo
Qué más puede encargarme
- Pantallas animadas para streaming: empezamos pronto, pausa, ahora vuelvo
- Vídeos promocionales para pantallas de locales a partir de sus materiales
- Un overlay publicitario sobre el vídeo
- Edición, sincronización de voz y limpieza ligera del audio
- Un avatar 2D para streaming que reacciona al teclado y a la voz