PAGE online

Kostenloses Tool: Der PLAIN Animations-Generator

Anatolii Babiis neuestes Creative-Coding Projekt lässt Designer:innen farbenfrohe 3D-Animationen und Stills kreieren

Eine generierte Wellen-Grafik mit feinen weißen Linien über gelben WellenkuppenDen ukrainischen Creative Coder und Art Director Anatolii Babii durften wir bereits in der PAGE Ausgabe 03.23 bei der Programmierung seines ersten Creative Coding Projektes begleiten: dem RITM Design Generator, mit dem man Wellen-Grafiken und -Animationen erstellen konnte.

In seinem neuen Tool PLAIN erobert der Creative Coder jetzt auch den dreidimensionalen Raum.

Ein Screenshot des plain Interfaces, auf dem eine Zeichenfläche mit einer generierten Grafik und mehrere slider für Einstellungen zu sehen ist

3D-Animation auf Knopfdruck

PLAIN basiert ebenso wie RITM auf p5.js Code und einem Simplex Noise Algorithmus, der immer neue Animationen erstellt. Diesmal liefert Babii den Nutzer:innen allerdings auch gleich eine Reihe an verschiedenen Presets mit, sodass mit dem webbasierten Tool ganz unterschiedliche Effekte erzielt werden können.

Mit den Einstellungen zu Zeichenfläche, Perspektive, Geschwindigkeit, Farben und Co. lässt sich wundervoll spielen, um eine ganz eigene Ästhetik zu entwickeln, und anschließend Stills oder animierte GIFs herunterzuladen. Ein paar Beispiele findet ihr hier im Artikel.

Babiis Tools sind kostenlos auf seiner Website nutzbar – nur vor einer kommerziellen Anwendung bittet der Designer um Kontakt. Am besten läuft das Tool in Google Chrome, ansonsten wünschen wir schon einmal viel Spaß beim kreativen Experimentieren.

Ein Screenshot des plain Interfaces, auf dem eine Zeichenfläche mit einer generierten Grafik und mehrere slider für Einstellungen zu sehen ist eine generierte Grafik mit einem Violett und Orangefarbenen Verlauf im Hintergrund. Davor zieht sich ein Animiertes Band durchs bild eine generierte Grafik mit perspektivischer Flucht aus mehreren Hügeln in einem Schachbrettmuster Eine generierte Grafik mit violetten Wellen vor einem gelben Hintergrund Eine Grafik mit knallgrünem Hinderung, auf der generierte Linien und Punkte ein Gebirge bilden

PDF-Download: PAGE 03.2023

Mental Health ++ Branding: Hotels & Lodges ++ Creative Coding mit p5.js ++ ENGLISH SPECIAL Khyati Trehan ++ Edi-torial Design: Kundenmagazine ++ Top 50: PAGE Ranking 2023 ++ Praxis: Weiterbildung & Coaching

9,90 €
AGB
Produkt: Download PAGE - Parallax Scrolling – Basics, Cases, Tutorials - kostenlos
Download PAGE - Parallax Scrolling – Basics, Cases, Tutorials - kostenlos
Webdesign Trends und Parallax Scrolling Tutorials

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Das könnte dich auch interessieren