Aus unseren Videos

Nicht Video. Code.

Was in unseren TikTok-Clips läuft, läuft hier echt: dieselben Zeilen, im Browser, ohne Bibliothek. Wer den vollständigen Code will, bekommt ihn. Folgen, kopieren, fertig.

läuft live in Ihrem Browser

Effekt 01

Partikel

980 Partikel formen das Logo, zerplatzen in einer Funkenwolke und finden zurück. Reines Canvas 2D, kein WebGL, keine Bibliothek.

  • Canvas 2D, ca. 380 Zeilen
  • Deterministisch: Position = f(t), kein Math.random
  • Nahtlose Schleife, 15 Sekunden

Quellcode

Der ganze Code, mit einem Klick.

Wir verschenken den Code und wünschen uns dafür eines: Folgen Sie uns auf TikTok. Danach erscheint der Code mit Kopieren-Knopf.

Auf TikTok folgenöffnet unser Profil, der Code schaltet sich danach frei

läuft live in Ihrem Browser

Effekt 02

Plexus

220 Punkte, verbunden durch feine Linien, treiben frei, ziehen sich zum Logo zusammen und lösen sich wieder. Ein Lichtpuls läuft der Kontur entlang.

  • Canvas 2D, Linien nach Abstand gewichtet
  • Deterministisch, periodische Bahnen
  • Nahtlose Schleife, 15 Sekunden

Quellcode

Der ganze Code, mit einem Klick.

Wir verschenken den Code und wünschen uns dafür eines: Folgen Sie uns auf TikTok. Danach erscheint der Code mit Kopieren-Knopf.

Auf TikTok folgenöffnet unser Profil, der Code schaltet sich danach frei

läuft live in Ihrem Browser

Effekt 03

ASCII-Regen

Zeichen regnen in Spalten, bleiben hängen, wo das Logo ist, und formen es aus Ziffern und Klammern. Dann spült der Regen es wieder weg.

  • Canvas 2D, Raster aus 18-px-Zellen
  • Zeichen aus einem festen Seed
  • Nahtlose Schleife, 15 Sekunden

Quellcode

Der ganze Code, mit einem Klick.

Wir verschenken den Code und wünschen uns dafür eines: Folgen Sie uns auf TikTok. Danach erscheint der Code mit Kopieren-Knopf.

Auf TikTok folgenöffnet unser Profil, der Code schaltet sich danach frei

läuft live in Ihrem Browser

Effekt 04

Flüssigkeit

64 zähe Tropfen treiben, verschmelzen und fliessen in die Logoform. Chrom-Glanz aus Licht, Schatten und einem wandernden Reflex, berechnet pro Bildpunkt.

  • Metaballs auf einem Höhenfeld, Normalen aus dem Gradienten
  • Deterministisch, Position = f(t)
  • Nahtlose Schleife, 15 Sekunden

Quellcode

Der ganze Code, mit einem Klick.

Wir verschenken den Code und wünschen uns dafür eines: Folgen Sie uns auf TikTok. Danach erscheint der Code mit Kopieren-Knopf.

Auf TikTok folgenöffnet unser Profil, der Code schaltet sich danach frei

läuft live in Ihrem Browser

Effekt 05

Punktwolke

2'200 Punkte als Spiralgalaxie mit Tiefe, die sich zum Logo sammeln, es kurz drehen und wieder auseinanderfliegen. Eigene 3D-Projektion ohne WebGL.

  • Perspektive, Grösse und Helligkeit nach Tiefe
  • Additive Mischung über einen Float-Puffer
  • Nahtlose Schleife, 15 Sekunden

Quellcode

Der ganze Code, mit einem Klick.

Wir verschenken den Code und wünschen uns dafür eines: Folgen Sie uns auf TikTok. Danach erscheint der Code mit Kopieren-Knopf.

Auf TikTok folgenöffnet unser Profil, der Code schaltet sich danach frei

Nächster Schritt

Sie wollen so etwas für Ihre Marke?

Animationen, Videos und Websites, die man sich merkt. Aus Herisau, zum Fixpreis, für KMU aller Branchen.

Gespräch vereinbaren oder anrufen: 071 388 16 77