Vormen van verwondering - Generative design experiment

Eerder heeft Handpicked Labs Computational Design onderzocht. Doordat het een veelbelovende design filosofie is zijn we dit verder gaan onderzoeken. Binnen dit artikel worden er een aantal experimenten besproken die hebben geleid tot een nieuwe ontwerpbenadering van de identiteit voor Handpicked Labs. 

Computational design, say what? 

“Er wordt uitgegaan van de kracht van computers om problemen op te lossen en menselijke behoeften te vervullen. De computational designer is als een interdisciplinaire spin in het web van de ontwerpwereld, met kennis van zowel ontwerp als techniek.” 

Tegenwoordig zijn er een tal van tools die het mogelijk maken de stap naar computational design te vereenvoudigen. 

Meer informatie over computational design? Bekijk dan even dit artikel; De toekomst van ontwerp: Computational Design.

Concept: vormen van verwondering

Vormen van verwondering vinden we goed passen de innovatieve projecten die met een experimentele werkwijze ontwikkeld worden. Door middel van data uit huidige Labs projecten, actuele thema’s of evenementen, zal de identiteit zich aanpassen. Met computational tools en data ontstaat er een vernieuwende dynamische identiteit. Deze identiteit zal generatief zijn waardoor hij op een andere manier ervaren wordt dan reguliere identiteiten. Dit samen zal leiden tot vormen met een gevoel van verwondering bij de doelgroep.

p5.js

p5.js is een JavaScript-library voor creatieve codering, met de focus op het toegankelijk en inclusief maken van codering voor kunstenaars, ontwerpers, docenten en beginners. p5.js is gratis en open-source.

Three.js

Three.js is een cross-browser JavaScript-bibliotheek en API. Three.js wordt gebruikt om geanimeerde 3D-computer graphics te maken en weer te geven in een webbrowser met behulp van WebGL.

Pixie.js

Pixie.js is een gratis open-source 2D-engine die wordt gebruikt om geanimeerde websites en HTML5-games te maken. Het kan in alle moderne browsers worden gebruikt.

Er zijn veel verschillende talen gericht op creative coding voor web. We hebben p5.js vergeleken met de twee meest gebruikte alternatieven pixi.js en three.js.

Voor pixi.js is slechte documentatie te vinden omdat er veel verschillende en verouderde versies online staan. Bovendien werken deze versies niet met elkaar.  Bij Three.js is er juist veel documentatie te vinden, maar is het benodigde programmeerniveau een stuk hoger. Hieruit is geconcludeerd dat uit deze 3 tools bij p5.js het gebruiksgemak beter is en de leercurve lager ligt dan bij de alternatieven. 

Zowel p5 als de alternatieven zijn erg uitgebreid en bieden de mogelijkheid voor het uitwerken van onze tool. Door deze vergelijkingen is er gekozen om p5.js te gebruiken mede omdat dit een grote speler is in het creative coding veld is. Daarnaast is er veel documentatie beschikbaar en hebben andere developers ook al extensies geschreven welke samen kunnen werken met p5. 

Echter blijft het zo dat het redelijk veel tijd kost voordat iemand p5 onder de knie heeft, en voordat iemand een eerste prototype heeft staan. Daarnaast heeft p5 een grens. De browser kan namelijk maar een bepaalde hoeveelheid data aan, waardoor de tool af en toe vertraging vertoonde of vastliep.

Touchdesigner

Touchdesigner is een op user interface gebaseerde programmeertaal. Touchdesigner geeft een gevoel van After effects, programmeren en Illustrator of Photoshop gecombineerd. Gemaakt voor real time interactieve multimedia-inhoud, ontwikkeld door het in Toronto gevestigde bedrijf Derivative

Maar wat Touchdesigner echt interessant maakt, is dat er niet alleen een identiteit mee gecreëerd of doorvertaald kan worden. Touchdesigner kan namelijk ook live ingezet worden. Dit wordt momenteel al veel gedaan door creatieve artiesten en muzikanten. Dit geeft mogelijkheden om een identiteit uit te breiden en te personaliseren, zoals bijvoorbeeld bij evenementen.