Aan de slag met p5.js: Je eerste generatieve sketch
Leer de basisprincipes van p5.js en maak je eerste bewegende visuals in slechts 30 minuten. Geen ervaring nodig.
Lees meerCreative Coding en Generatieve Visuals
Ontdek hoe je interactieve, generatieve designs maakt die je bezoekers fascineert. Leer de technieken die moderne webdesigners gebruiken om visuele ervaringen tot leven te brengen.
Van Processing tot p5.js, van shader art tot parametrisch ontwerp — we onderzoeken alles wat je nodig hebt om visueel code aan je projecten toe te voegen. Of je nu beginner bent of al ervaring hebt, hier vind je praktische gidsen en inspiratie.
Artikelen en Gidsen
Praktische tutorials en concepten om je op weg te helpen
Noise-functies begrijpen voor organische beweging
Perlin noise maakt je animaties natuurlijker. We laten zien hoe het werkt en waarom je het moet gebruiken.
Lees meer
WebGL Shaders: Je eerste fragment shader schrijven
Shaders kunnen intimiderend lijken, maar deze gids maakt het simpel. Maak je eerste GPU-geacceleerde visual vandaag.
Lees meer
Parametrisch ontwerp: Code-gestuurde kunstwerken
Leer hoe je parameters gebruikt om eindeloze variaties te creëren. Ideaal voor logo’s, patronen en generatieve kunst.
Lees meerWaarom Creative Coding Belangrijk Is
“Code is een creatief medium net als klei of verf. Het verschil? Je kun eindeloze variaties genereren in milliseconden. Dat is de kracht van generatieve design.”
Generatieve visuals zijn niet langer iets wat alleen artists in donkere studios doen. Ze’re overal — in interfaces, in reclames, in user experiences die je fascineert. Waarom? Omdat ze voelen levend. Ze aren’t static, ze reageren, ze groeien, ze veranderen.
Als je een webdesigner bent die zijn vaardigheden wil uitbreiden, is creative coding je volgende stap. Het hoeft niet ingewikkeld te zijn. Je start simpel — een bewegende achtergrond, een interactieve animatie, een patroon dat zich aanpast aan gebruikerinvoer. Daarvandaan kun je groeien.
In deze collectie vind je alles wat je nodig hebt om te beginnen. Praktische tutorials, echte voorbeelden, en concepten die je direct kan toepassen op je volgende project.
Kernconcepten om Mee te Beginnen
Deze fundamenten zul je in elk project gebruiken
1
Loops en Recursie
Herhaling is de geheime formule achter generatieve patronen. For-loops, while-loops, en recursie creëren complexiteit uit simpele regels.
2
Randomisatie en Ruis
Random waarden maken dingen onvoorspelbaar. Perlin noise voegt organische, vloeiende variatie toe zonder chaos.
3
Trigonometrie in Beweging
Sinus en cosinus creëren soepele, cyclische bewegingen. Ze’re onmisbaar voor cirkels, spiralen en golvende animaties.
4
Transformaties en Matrices
Translate, rotate, scale — deze operaties zijn de basis voor het bouwen van complexe visuele systemen.