Neues aus der P5-Welt: P5.js Update, P5.teach und mehr
Eine kurze Meldung in der – trotz seiner penetranten Ausflüge in die Welt der NFTs (dort Web3 News genannt) – sehr lesenswerten Gorilla Newsletter erinnerte mich daran, daß ich – PyScript hin, Pyxel her – meine Ausflüge in die Welt von P5.js nicht vernachlässigen sollte. Aber der Reihe nach:
P5.js Update: Vor wenigen Tagen ist die Version P5.js v1.10.0 mit vielen kleineren und größeren Verbesserungen und etlichen Bugfixes freigegeben worden. Alle Änderungen findet Ihr im Changelog.
Im P5.js Webeditor ist das Update Stand heute noch nicht angekommen (dort werkelt aktuell noch die Version v1.9.4) und der P5.js-Mode der Processing-PDE nutzt sogar noch die uralte Version v.1.5.0 vom Oktober 2022. (Das kann man aber vermutlich fixen, indem man (auf dem Mac) unter ~/Dokumente/Processing/modes/p5jsMode/template/libraries/ die p5.min.js gegen eine aktuelle austauscht. Habe ich aber nicht getestet.)
Auf der sicheren Seite ist man hier nur, wenn man im Editor seiner Wahl P5.js-Sketche lokal entwickelt, da man nur hier die volle Kontrolle über die verwendeten Bibliotheken hat. Daher eine Notiz an mich: Ein Tutorial über (m)eine lokale P5.js-Installation schreiben.
P5.teach: Über Umwege wurde ich auf den Beitrag »P5.teach: Teaching Math through Animations and Simulations« aufmerksam. P5.teach ist eine von Manim und Reanimate inspirierte Bibliothek für mathematische Simulationen, Visualisierungen und Animationen (mit TeX-Support via KaTeX), die Aditya Siddheshwar im Rahmen des Google Summer of Code 2021 entwickelt hatte.
Auch wenn ich über den aktuellen Stand des Projektes nichts weiß, die Beispiele auf diesen Seiten machen Lust darauf, P5.teach auch einmal selber auszuprobieren.
War sonst noch was? Ach ja, die Tilemap-Funktionen sowohl in Pyxel wie auch in microStudio machen das Mapping von Tile-Koordinaten auf Sprite-Koordinaten irgendwie unnötig kompliziert (ich verstehe die Gründe, aber ich mag es dennoch nicht). Daher habe ich überlegt, ob man die .tmx- oder .json-Dateien von Tiled nicht direkt in P5.js nutzen kann. Diese Seite listet viele Bibliotheken auf, die Tiled mit Sprachen oder Frameworks verheiraten, darunter auch P5.tiledmap, ein P5.js-Port der Processing-(Java)-Bibliothek Ptmx. Sollte ich ebenfalls auf meine Testliste setzen. Still digging!
Bild: A Badger as Artist, erstellt mit DreamStudio. Prompt: »A female and a male badger in dressing gowns stand in front an easel, hold palettes and brushes in her hands and paint together at a colorful picture. It’s a sunny summer morning, in the background you can see a quiet river surrounded by willows. colored french comic style«. Modell: Stable Diffusion XL, Style: Comic Book.