✦Gebastel · Partikel
Eine Wolke, die deinen Namen kennt.
30'000 Lichtpunkte schweben aus dem All zu einer Kugel zusammen. Tipp ein Wort, und sie ordnen sich zum Wort. Bewege die Maus durch sie hindurch — sie weichen aus und glühen warm.
Three.js · Custom Star-Shader · Canvas Pixel-Scan
Wie es funktioniert
Der Text wird auf einem versteckten Canvas gezeichnet. Dann wird Pixel für Pixel gescannt, alles mit Alpha über der Hälfte ergibt einen Punkt. Jeder Partikel bekommt einen dieser Punkte als Ziel zugewiesen — und schwimmt elegant dorthin.
Die Maus
Die Mausposition wird auf die z=0-Ebene projiziert. Punkte, die ihr zu nahe kommen, bekommen eine kleine Repulsions-Kraft und färben sich warm — Punkte ausser Reichweite kehren zur Akzent-Farbe zurück.