Toffi, un avatar de stream qui réagit au clavier et à la souris
Un projet de démonstration dans l’esprit des avatars VeadoTube que je crée pour des streamers : le personnage est assis devant un clavier et une souris, appuie sur W/A/S/D et leurs combinaisons, fait des clics gauche et droit, cligne des yeux et parle. Tout fonctionne directement dans le navigateur : ici, la bouche s’ouvre tant que la touche Espace est maintenue ; en direct, c’est le micro qui s’en charge.
- 54 Ko
- le module complet
- 7
- boutons à l’écran
- 0
- dépendance externe
La démo interactive n’a pas démarré dans ce navigateur, une version statique est donc affichée.
La tâche
Montrer en action le fonctionnement d’un avatar de stream, pour qu’un streamer puisse appuyer lui-même sur les touches et voir à quoi ressemblerait son personnage en direct.
Ce que j’ai fait
- Illustration vectorielle en calques : états distincts pour les pattes, les touches, les yeux et la bouche
- W+A et W+D ont leurs propres poses ; les touches fléchées servent d’alias, tout comme la disposition russe du clavier
- Le clavier n’est intercepté qu’au survol ou au focus : la page reste utilisable
- Boutons à l’écran pour les téléphones ; quand la réduction des animations est activée, les mouvements au repos sont désactivés
Preuves
- Une démo interactive sur cette page
- Un avatar similaire pour un streamer dans VeadoTube : W/A/S/D, clic gauche et clic droit, bouche pilotée par le micro, clignement des yeux ; le client l’a configuré lui-même à partir de mes instructions
Visuels
2 · Cliquez sur un élément pour l’agrandir
Ce que vous pouvez aussi me confier
- Écrans de stream animés : début imminent, pause, retour dans un instant
- Vidéos promo pour écrans d’établissement à partir de vos contenus
- Une incrustation publicitaire sur une vidéo
- Montage, synchronisation de la voix et nettoyage audio léger
- Un avatar de stream 2D qui réagit au clavier et à la voix
Pine House : un film promotionnel — montage, étalonnage et son
39 secondes montées sur la musique : les coupes tombent sur les temps forts, le dessin se transforme en maison, et tout le montage se décortique directement sur la page
Pine House : un vol de caméra FPV à travers toute la maison
36 secondes en un seul plan-séquence : la caméra entre par la porte, traverse l’entrée, plonge sous la voûte du séjour et ressort sur la terrasse, tandis qu’à côté, un plan dynamique indique où elle se trouve