creative-coding

View project on GitHub

Creative Coding

Verplicht in te vullen formulier tijdens projectdag!

Praktische info: Het doel

Creëer een creatief, visueel interessant project in p5.js. Er moet ook verplicht een interactief element inzitten bv. microfoonvolume om iets te bewegen, camera input, muis input, keyboard input …

Extra uitleg project

Het project bestaat uit het creëren van creatief materiaal aan de hand van de online editor p5.js. P5.js is een JavaScript library voor creative coding met de focus op programmeren zo toegankelijk en inclusief mogelijk te maken voor iedereen. Meer info over de hun visie is terug te vinden op hun website: p5js.org. De online web editor voorziet enkele boilerplate html, css en javascript code om snel van start te kunnen gaan met je eigen ideëen.

p5js-logop5js-webeditor

De afbeelding hieronder toont een afbeelding die geproduceerd is met code door gebruik te maken van p5.js.

creative-coding-example-p5js

Volgende links leiden naar verschillende bronnen om inspiratie op te doen over creative coding:

P5.js workflow

Function
Function
Function
Function
Draw
Draw
Setup
Setup
Preload
Preload
p5.js program
p5.js p...
Loads assets
Loads as...
Runs once
Runs onc...
Loops
Loops
Text is not SVG - cannot display

Project voorbeelden

Hieronder is een voorbeeld terug te vinden van een dagproject dat gemaakt werd in p5 als voorbeeld voor de projectdag van de studenten. De code is terug te vinden

p5.js showcases

Meer voorbeelden van dag projecten: