Can haz ur Cursor? Kleines, blaues, böses Monster

Die Website Can haz ur Cursor mit Interaktion

Wehe du frisst mich!!

 

Fress, mampf, schmatz… ich noch mehr essen wollen! »Can haz ur Cursor?« so lautet die Frage eines kleinen, blauen Monsters, dass einen großen Appetit auf Mauszeiger hat. Ist dieses Monster, welches hier im Internet schlummert, gefährlich, wenn nicht sogar lebensbedrohlich? Was kann es und wo finde ich es? Und die wichtigste Frage: Kann ich interagieren? 
Nun ja, ihr könnt euch sicherlich schon vorstellen, dass keine Gefahr besteht – aber ich muss sagen, dass dieses Monster-Ei einiges auf dem Kasten hat. Worum gehts? Auf der Website: http://lab.simurai.com/toy/monster/ findet ihr ein blaues, cursorfressendes Ei, mit dem ihr direkt selbst interagieren könnt. Bewegt ihr beispielsweise eure Maus um diese Kreatur herum, so werdet ihr von seinem Blick verfolgt, da es jede Bewegung genauestens beobachtet. Je nach dem, wie weit sich der Cursor in der Nähe der Mundöffnung befindet, schließt bzw. öffnet es seinen Mund. Wenn ihr »Pech« habt, frisst euch das Vieh wirklich den Mauszeiger weg und läuft rot an.
Wirklich sehr interessant gestaltet, aber wie genau ist das möglich, wie funktioniert das? Natürlich steckt hier ein klein wenig Programmierung dahinter, doch das Prinzip ist leicht zu erläutern: Für die Drehung der Augen sowie der Mundöffnung, werden die Koordinaten des Zeigers berechnet, wodurch ein gewisser Wert den Blick und die Öffnung bestimmt. Wird der Cursor dabei mal gefangen, so merkt sich das Interface, dass es sich um einen bestimmten Bereich handelt. Bewegt sich der Mauszeiger dann in dieses vorgegebene Feld, so wird der Effekt »cursor:none« aktiviert, was so viel bedeutet, dass die Maus einfach unsichtbar ist und somit nicht mehr angezeigt wird. Die Kette geht weiter: Durch diese Erkennung ändert sich auch diese Gestalt in ein rotes Ei und ersetzt damit das herkömmliche Monster.
An sich keine große Sache, dennoch ein wirklich spaßiges Tool. Hier könnt ihr sehr schön sehen, dass bereits kleine Projekte sehr erfolgreich werden können – es muss nicht zwingend umfangreich und schwer programmiert worden sein. Ein kleiner Kritikpunkt: Nicht alle Browser funktionieren so einwandfrei und lassen Interaktionen durchführen. Wenn es daher nicht funktioniert: Anderen Browser wählen.
Wie findet ihr diese Webseite? Kennt ihr vielleicht ähnliche Seiten, die auf das gleiche Prinzip aufbauen?

 


wallpaper-1019588
Der Pretzfelder Kirschenweg - Wandern im schneeweissen Bluetenmeer
wallpaper-1019588
ACHTUNG : Es zählt nur die Zutatenliste auf dem Produkt – Beispiel KINDER Bueno Ice Cream Bar
wallpaper-1019588
Das Versagen der Qualitätsmedien in der Impfdebatte
wallpaper-1019588
Internationaler Tag der Biber – der International Beaver Day 2019
wallpaper-1019588
Keine richtigen Waden? Schluss damit! Wadentraining für Profis.
wallpaper-1019588
NEWS: Eskobar veröffentlichen neue Single “When Your Heroes Fall”
wallpaper-1019588
Der Giersch, Kräuterwissen und Rezepte
wallpaper-1019588
Dies sind die “servicios esenciales”, die noch zugelassen sind