ontoconsult — KI-Beratung für den Mittelstand

00 · Vorab

Was hier im Hintergrund läuft

Die Animationen, die du auf der Hauptseite hinter den Inhalten gesehen hast, sind keine fertigen Videos. Es sind fünf kleine Programme — vier laufen flächendeckend im Hintergrund, eins fährt die Porträts kachelweise rein — die für jeden Pixel auf deinem Bildschirm in Echtzeit ausrechnen, welche Farbe er gerade haben soll. Auf den nächsten Seiten siehst du jedes der fünf Programme einzeln und in voll. Du kannst mit ein paar Reglern direkt eingreifen und beobachten, wie sich das Bild verändert. Keine Beratungsweisheiten, kein Verkaufsgespräch — nur die Mechanik unter der Oberfläche, falls dich das interessiert.

01 · Wolken & Sterne

Das Feld aus der Startseite

Was hier flächendeckend läuft, lag auf der Startseite hinter der Überschrift. Zwei Dinge passieren gleichzeitig. Erstens: ein Wolken-Algorithmus stapelt mehrere Schichten Zufallsmuster übereinander, jede feiner als die vorherige. Das ergibt diese weichen, nie ganz gleichen Verläufe. Zweitens: zwischen den Wolken sitzen Sterne, die ihre Position langsam verschieben und in den drei Farben der Marke leuchten. Die Regler unten greifen genau in diese beiden Mechanismen ein. Dreh sie ruhig auf null und schau, was übrig bleibt.

Anzahl Sterne 24

Stern-Helligkeit 1.0×

Wolken-Tiefe 1.0×

n(x) = \sum_{i=1}^{6} \tfrac{1}{2^i} \cdot \text{rauschen}(2^i \cdot x)

02 · Verschachtelte Drehung

Sog ohne Mittelpunkt

Dieses Bild entsteht, indem jeder Punkt auf dem Bildschirm fünfzehn Mal hintereinander leicht gedreht wird — jede Drehung mit etwas anderer Geschwindigkeit und etwas anderem Winkel. Was du als Sog wahrnimmst, ist die Summe dieser ineinandergeschachtelten Rotationen. Es gibt kein Zentrum, das sich tatsächlich dreht. Falls du die Maus bewegst, fließt deren Position als Verschiebung in jede Schicht ein, deshalb reagiert das Muster auf dich. Mit dem ersten Regler nimmst du Schichten weg oder fügst sie hinzu. Bei fünf Schichten wirkt es schlicht, bei fünfundzwanzig wird es dicht und nervös.

Anzahl Schichten 15

Geschwindigkeit 1.0×

03 · 2500 Punkte

Tuch aus zwei Sinuskurven

Was wie ein gewelltes Tuch aussieht, ist ein Raster aus fünfzig mal fünfzig — also zweitausendfünfhundert — einzelnen Punkten im dreidimensionalen Raum. Jeder Punkt liegt fest auf seiner x- und z-Position; nur seine Höhe verändert sich. Diese Höhe ist die Summe aus zwei Sinuswellen, die in unterschiedlichen Richtungen über das Gitter laufen. Mehr passiert nicht. Mit der Amplitude regelst du, wie hoch die Wellen ausschlagen — auf null wird das Gitter flach. Mit der Geschwindigkeit bestimmst du, wie schnell die Wellen wandern.

Amplitude 1.0×

Geschwindigkeit 1.0×

y = A \cdot \bigl(\sin(x + t) + \sin(z + t)\bigr)

04 · Konzentrische Ringe

Puls aus überlagerten Kreisen

Vom Mittelpunkt aus laufen mehrere Ringe gleichzeitig nach außen. Jeder Ring hat seine eigene Geschwindigkeit und seine eigene Helligkeit; wo sie sich überlagern, entstehen die hellen Zonen, die du als Puls wahrnimmst. Es ist kein einzelnes Signal, das größer und kleiner wird, sondern ein Stapel aus mehreren, die zusammen so wirken. Mit der Ringzahl bestimmst du, aus wie vielen Schichten der Puls besteht. Die Frequenz regelt, wie dicht die Ringe stehen, die Helligkeit, wie stark das Ganze leuchtet. Drei Ringe wirken ruhig, zehn werden zum Flimmern.

Anzahl Ringe 5

Frequenz 1.0×

Helligkeit 1.0×

I(r) = \sum_{i=1}^{N} \sin(f_i \cdot r - t)

05 · Übergang

Wie die vier zusammenspielen

Auf der Startseite siehst du nie nur einen dieser Effekte für sich. Während du scrollst, wird zwischen ihnen weich übergeblendet — der eine wird leiser, der nächste lauter, manchmal sind zwei gleichzeitig zu sehen. Welcher Effekt wie viel Gewicht hat, hängt davon ab, wo du dich auf der Seite befindest. Der Regler unten ersetzt jetzt das Scrollen. Schieb ihn von links nach rechts und du gehst die ganze Startseite einmal durch — vom Wolkenfeld über den Sog und das Wellengitter bis zum Puls. Die Übergänge folgen einer weichen Kurve, keine harten Schnitte.

Position 0.50

w_i(s) = \text{smoothstep}(a_i, b_i, s)

06 · Bild-Reveal

Kachelweise aufdecken

Wenn auf der Startseite die Porträts der Beraterinnen und Berater erscheinen, werden sie nicht einfach eingeblendet. Das Bild liegt in einem Raster aus gleich großen Kacheln; jede einzelne kennt ihre Position und bekommt darüber ihre eigene Wartezeit zugeteilt. Sobald ihre Wartezeit abgelaufen ist, fährt sie aus einer zufällig hineingezoomten Stelle des Bildes auf ihren Platz — erst random verschoben und stark vergrößert, dann zur eigenen Position und natürlichen Größe. Eine Welle läuft dabei schräg übers Bild und bestimmt die Reihenfolge. Mehr Kacheln machen die Auflösung feiner, längere Dauer streckt den Ablauf, höhere Wellenzahl zeichnet die Bahnen deutlicher. Mit dem Zeitpunkt-Regler kannst du den Ablauf direkt einfrieren und vor- oder zurückspulen.

Zeitpunkt 100 %

Anzahl Kacheln 22 × 22

Dauer 1.6 s

Wellenzahl 2.0

\tau_{ij} = T \cdot \tfrac{1}{2}\bigl(\tfrac{i+j}{N} + \tfrac{1+\sin(\pi f\,i/N)}{2}\bigr)

07 · Zurück

Soweit der Blick dahinter

Das war's. Fünf kleine Programme, ein paar Regler, etwas Mathematik aus dem ersten Semester. Falls dich beim Spielen weniger die Animationen interessiert haben als die Frage, was mit so einer Denkweise sonst noch möglich ist — etwa angewandt auf einen Prozess, ein Datenproblem oder eine konkrete Stelle in deinem Unternehmen — dann sprich mich an. Zurück zur Startseite geht es oben rechts; das Erstgespräch ist dort verlinkt.

KI-Beratung für den Mittelstand. Damit das nächste Pilotprojekt funktioniert.

Drei Hebel. In der Reihenfolge.

Menschen

Technik

Governance

Wie wir denken.

Referenzen

Thomas Schwarzenböck

Dr. Lars Schmitt

Reden wir.