↑↓ elegir · ENTER ir · ESC cerrar

Proyecto demo Vídeo y motion

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
Toffi, un avatar para streaming que reacciona al teclado y al ratón
Pase el cursor sobre el avatar y pulse W, A, S, D; haga clic en él para activar las flechas y la tecla Espacio. En el teléfono, use los botones bajo la escena.

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

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
Hablemos de una tarea similar