Wie heeft er nou niet bij Mondriaan gedacht, dat kan ik ook! Tijd om de daad bij het woord te voegen dacht ik, en binnen een dag heb je dan toch een leuke applicatie staan! Speel er vooral eens mee, de meeste ontwerpen komen mijns inziens best goed in de buurt :).

Ontdek de applicatie hier.

Geleverde diensten

Applicatie ontwikkeling

Onze samenwerking

De uitdaging

We kennen allemaal de bekende serie schilderijen van Piet Mondriaan. Allerlei soorten rechthoeken met wat highlights via de primaire kleuren. 

Nu was de uitdaging of ik zelf de digitale verfkunsten tot ware Mondriaan's kunnen bombarderen.

Oplossing

Via de grafische library van p5.js had ik een mooi begin: simpele manieren om vormen te tekenen en een automatische loop die op het canvas blijft schilderen (zolang er nog ruimte is).

Ik bedacht me dat het altijd rechthoeken of vierkanten moesten blijven. Daarnaast mogen allerlei soorten groottes hebben, aangezien dit een leuke afwisseling geeft. Tot slot is ook de kleurverdeling meestal met een focus op wit en een aantal accenten via de primaire kleuren (rood, blauw en soms zwart).

Om dit voor elkaar te krijgen loop ik door verschillende Rechthoek-objecten heen, en zet ik de y-waarde van een nieuwe rij rechthoeken altijd op de minst hoge y-waarde van de vorige rij. Zo blijf ik ze overschrijven en lijkt er geen rare overlap meer te zijn in het eindresultaat.

Wellicht niet het meest briljante, maar het werkt prima! 

Het resultaat

Na wat geklooi met het uitzoeken van de beste manier om het random, maar wel passend te krijgen, is er een eindresultaat waar ik best blij mee ben voor een klein dagje programmeren. Als je zelf nog een eigen Mondriaan-tshirt wilt maken, ga dan vooral je gang! Het canvas is direct op te slaan als afbeelding :).

Link: Mondridaan, maak zelf je Mondriaan-ontwerp! 

mondriaan digitaal