p5.js - Creative Coding

[banalytic]

liebes forum!

habe mich gefragt, ob sich leute hier mit p5.js beschäftigen: https://p5js.org/

bin da gerade am lernen und würde mich über austausch freuen… im deutschsprachigen raum habe ich da bis jetzt keine vernetzungsmöglichkeiten gefunden (klar, coding ist v.a. englisch, aber dennoch ist manches in muttersprache leichter)…

gut zum einsteigen finde ich:

Code! Programming with p5.js

This online course focuses on the fundamentals of computer programming (variables, conditionals, iteration, functions & objects) using JavaScript. In particular it leverages the p5.js creative computing environment which is oriented towards visual displays on desktops, laptops, tablets or...

thecodingtrain.com

oder dieses schöne buch (auf deutsch): http://www.generative-gestaltung.de/2/

einfach antworten, gerne auf PM…

lg aus wien, banalytic

 

[banalytic]

das sind so erste versuche

<iframe src="https://openprocessing.org/sketch/2481595/embed/" width="400" height="400"></iframe>

 

[aliced25]

HYDRA

live coding networked visuals in the browser

hydra.ojack.xyz

ebenfalls ein interessantes sowie extrem schnell und leicht erlernbares Framework.

 

[banalytic]

ebenfalls ein interessantes sowie extrem schnell und leicht erlernbares Framework.

sieht interessant aus, danke für den Hinweis...!
dennoch die frage ans forum: wie sieht es mit p5.js aus?!

 

[2bit]

Ich denke nicht, dass mir p5.js derzeit etwas bringen würde, was mir von Nutzen wäre. Ein kleiner Schnipsel meiner geistigen Ergüsse der letzten zwei Stunden:





Am Ende bringe ich halt einfach mein launchpad mk2 mit JavaScript und node.js zum leuchten. Vielleicht stelle ich das Ding ins Fenster und beglücke die Nachbarschaft mit X-Mas-Pixelart auf ner 8*8 LED-Matrix. ^^

 

[schnuffke2]

Die Videos von Daniel Shiffman aka Coding Train sind der Hammer. Besseres gibt es nicht. Schau dir unbedingt seine "Coding Challenges" an.

Wenn Du bequem offline mit P5 arbeiten möchtest, kannst Du dir Processing (die Java-Version von P5) herunterladen und in der Mini-IDE dann P5 als Zusatzoption laden.

Ich selbst habe nur ein wenig mit P5 herumgespielt und dann lieber Vanilla-JavaScript genutzt. Da das eh nur hobbymäßig war, war das eigentlich egal, mir aber lieber so.

 

[2bit]

Wenn Du bequem offline mit P5 arbeiten möchtest, kannst Du dir Processing (die Java-Version von P5) herunterladen und in der Mini-IDE dann P5 als Zusatzoption laden.

Naja... Einfach die komprimierte js-Library runter laden und dann lokal im Browser ausführen tut es wahrscheinlich auch...

https://github.com/processing/p5.js/releases/download/v1.11.2/p5.min.js

Und rein in die Quelltext.html damit:

<script src="./p5.min.js"></script>

 

[schnuffke2]

Selbstverständlich... War auch als Option gemeint, die vllt. die allerersten Schritte erleichtert.