Toffi, ein Stream-Avatar, der auf Tastatur und Maus reagiert
Ein Demoprojekt im Stil der VeadoTube-Avatare, die ich für Streamer erstelle: Die Figur sitzt an Tastatur und Maus, drückt W/A/S/D und Kombinationen davon, klickt mit linker und rechter Maustaste, blinzelt und spricht. Alles läuft direkt im Browser: Hier öffnet sich der Mund, solange die Leertaste gedrückt ist – im Stream steuert ihn das Mikrofon.
- 54 KB
- das gesamte Modul
- 7
- Bildschirmtasten
- 0
- externe Abhängigkeiten
Die interaktive Demo ließ sich in diesem Browser nicht starten, daher wird eine statische Version angezeigt.
Die Aufgabe
Live zeigen, wie ein Stream-Avatar funktioniert: Streamer können selbst die Tasten drücken und sehen, wie ihre Figur im Stream aussehen würde.
Meine Umsetzung
- Vektorgrafik in Ebenen: eigene Zustände für Pfoten, Tasten, Augen und Mund
- W+A und W+D haben eigene Posen; die Pfeiltasten funktionieren als Alternative, das russische Tastaturlayout ebenso
- Tastatureingaben werden nur bei Hover oder Fokus abgefangen, damit die Seite bedienbar bleibt
- Bildschirmtasten für Smartphones; bei aktivierter Option „Bewegung reduzieren“ entfallen die Bewegungen im Ruhezustand
Nachweis
- Eine Live-Demo auf dieser Seite
- Ein ähnlicher Avatar für einen Streamer in VeadoTube: W/A/S/D, linke und rechte Maustaste, Mund per Mikrofon, Blinzeln – der Kunde hat ihn nach meiner Anleitung selbst eingerichtet
Materialien
2 · Zum Vergrößern anklicken
Womit Sie mich außerdem beauftragen können
- Animierte Stream-Screens: „Gleich geht’s los“, Pause, „Bin gleich zurück“
- Promo-Videos für Bildschirme in Lokalen aus Ihrem Material
- Ein Werbe-Overlay über einem Video
- Schnitt, Stimmsynchronisierung und leichte Tonaufbereitung
- Ein 2D-Stream-Avatar, der auf Tastatur und Stimme reagiert
Pine House: Promofilm – Schnitt, Farbe und Ton
39 Sekunden im Takt der Musik: Die Schnitte sitzen auf den betonten Schlägen, aus der Zeichnung wird das Haus, und die gesamte Montage lässt sich direkt auf der Seite auseinandernehmen
Pine House: FPV-Kameraflug durch das ganze Haus
36 Sekunden in einer einzigen Einstellung: Die Kamera fliegt durch die Tür herein, durchquert die Diele, taucht in den Wohnraum unter dem offenen Dachstuhl ein und fliegt hinaus auf die Terrasse, während ein mitlaufender Grundriss daneben zeigt, wo sie gerade ist