Links Referenzen Tutorials

Jump to bottom

hzuellig edited this page Apr 21, 2025 · 2 revisions

Basic Ressourcen

Start in p5.js

https://p5js.org/
Basic Concepts: https://cathyatseneca.gitbooks.io/coding-projects-with-p5-js/content/
Daniel Shiffman Coding Train: https://thecodingtrain.com/tracks/code-programming-with-p5-js
https://github.com/processing/p5.js/wiki
https://github.com/mattdesl/workshop-p5-intro
http://www.generative-gestaltung.de/2/
https://generativeartistry.com/tutorials/
https://openprocessing.org/
http://openhumanitiespress.org/books/download/Soon-Cox_2020_Aesthetic-Programming.pdf
More Ressources, Books, Tutorials: https://github.com/terkelg/awesome-creative-coding#books
Libraries (Old p5 Site): https://archive.p5js.org/libraries/

HTML und CSS

W3C, HTML, https://www.w3schools.com/html/default.asp
W3C, CSS, https://www.w3schools.com/css/default.asp

Vanilla JavaScript

Developer Mozilla, https://developer.mozilla.org/en-US/docs/Web/JavaScript
JavaScript for Beginner, Tutorial https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

Sensoren

Audio https://editor.p5js.org/hzuellig/sketches/LtfWjKZr7
Camera https://p5js.org/examples/imported-media-video-capture/
Accelerometer https://editor.p5js.org/hzuellig/sketches/_W-cZx6UU
ZIG SIM PRO Smartphone https://sites.hslu.ch/werkstatt/your-smartphone-is-a-sensorpack/

Machine Learning Ml5 Library

https://learn.ml5js.org/

AxiDraw

Graph Functions

Sinus, Cosinus https://setosa.io/ev/sine-and-cosine/
Noise https://genekogan.com/code/p5js-perlin-noise/
Easing Funktionen: https://easings.net/
Oscillation: https://www.pizza-punk.com/oscillation-functions/, https://ffd8.github.io/oscillation-sandbox/

Thematische Basic Tutorials in p5.js und JavaScript

Random Stuff

https://editor.p5js.org/hzuellig/sketches/ewlNSsa3c (Export als SVG)
https://editor.p5js.org/hzuellig/sketches/mCOBwv65q (Import SVG)