Procedurally generated trees in JavaScript

Das Thema ist nicht ganz neu für mich. Bereits 2006 und 2007 hatte ich damals noch mit Flash erste Gehversuche gestartet. Allerdings noch in 2D und aus heutiger Sicht wenig schön anzusehen.
Jetzt bin ich nicht nur einen anderen Weg gegangen, sondern auch einen Schritt weiter.
Bei dem neuen Experiment ist eine Dimension hinzugekommen und umgesetzt ist das Ganze nun mit JavaScript. Als 3D Bibliothek kommt wie zuletzt auch wieder three.js zum Einsatz.
Mit Hilfe einer rekursiven Funktion und vielen per Zufall generierten Werten erzeuge ich hier Bäume, oder zumindest baumähnliche Gebilde. Wie immer, wenn der Zufall im Spiel ist, kann es auch mal Überraschungen geben. Damit die Performance auch auf älteren Rechnern stimmt, habe ich es mit den Wachstumszyklen nicht übertrieben. Aber schaut einfach selbst.
Ihr könnt direkt hier starten, oder ihr öffnet die Anwendung in einem neuen Browser-Fenster.

 

Johnny Depp's favorite roles - animated Gif

Da im Moment animated Gifs von Schauspielern in ihren bekanntesten Rollen total angesagt zu sein scheinen (Ein gutes Beispiel ist z.B. dieses animated Gif von Leonardo DiCaprio), wollte ich mich auch mal an diesem Thema versuchen.
Rausgekommen ist dabei diese Animation von Johnny Depp mit neun seiner bekanntesten, bzw. markantesten Rollen. 


via GIPHY

Die Einzelbilder habe ich mit Animate CC (Früher Adobe Flash) gezeichnet, dann als PNG-Sequenz exportiert und mit Fireworks als animated Gif zusammengesetzt.
Als Plattform zum teilen habe ich mich für GIPHY entschieden.