Beschreibung
Liquid Logo ist ein kostenloses, quelloffenes Browser-Tool, das ein hochgeladenes Logo in eine fließende Liquid-Metal-Animation verwandelt. Ein Fragment-Shader erkennt die Kanten des Bildes, baut daraus ein Vektorfeld auf und wendet darauf Simplex-Noise sowie Fluid-Dynamics an, um eine Fließbewegung entlang der Kontur zu erzeugen, gerendert mit metallischem Schimmer und einer frei einstellbaren Farbpalette. Über einen Würfel-Button lassen sich alle Parameter zufällig neu setzen, ein Kontrollpanel oben rechts erlaubt danach die Feinjustage von Farbe, Geschwindigkeit, Noise-Intensität und Animationsmuster im Einzelnen. Mehrere vorbereitete Presets dienen als Startpunkte, mit denen sich experimentieren lässt, um schnell eine passende Ausgangsvariante für das eigene Logo zu finden.
Das Tool ist kein Baustein zum Einbauen in eine Codebasis, sondern ein eigenständiger Generator: Es läuft entweder über die gehostete Demo im Browser oder lokal aus dem geklonten Repository heraus über einen einfachen HTTP-Server, weil WebGL über das file://-Protokoll nicht zuverlässig funktioniert. Am saubersten arbeitet es mit PNG-Bildern, die klare Kanten und wenig Hintergrundrauschen haben, im Idealfall mit transparentem oder einfarbigem Hintergrund, ein vorheriger Zuschnitt oder eine Hintergrundentfernung verbessert die Kantenerkennung zusätzlich. Die Berechnung ist rechenintensiv und kann auf schwächerer Hardware, bei vielen offenen Browser-Tabs oder niedrigem Akkustand ruckeln, und der eingebaute Video-Export funktioniert nicht in jeder Browser-Umgebung zuverlässig, wofür der Anbieter selbst ein externes Screen-Recording-Tool als Ausweichlösung nennt.
Im Vergleich zu allgemeinen 3D- oder Shader-Bibliotheken für Entwicklerinnen und Entwickler ist Liquid Logo bewusst schmal geschnitten: Es liefert keine Komponente zum Einbauen, sondern ausschließlich fertige Bild- oder Videodateien für ein einzelnes Motiv, das Logo selbst. Wer eine Animation dauerhaft und interaktiv in eine Website oder App einbauen will, braucht dafür eine andere Lösung. Wer dagegen einmalig ein Brand-Asset für Social Media, ein Intro-Video oder eine Landingpage erzeugen will, bekommt mit wenigen Klicks ein einsatzbereites Ergebnis, ohne selbst mit Shadern zu arbeiten.
