Blog

Weekly nerd #1 #2 #3 #4 #5 #6 #7 #8 #9 #10 #11

Nerd Alert

Arjan Westerdiep (Drububu)

Dinsdag 2 februari 2016

Arjan Westendiep houdt zich al enige tijd bezig met het maken van mooie dingen voor op het web. Ieder ontwerp begint altijd bij een schets. Hij vindt het erg belangrijk om te schetsen en/of visualisaties te maken omdat hij zo beter kan communiceren en zijn ideeën kan onthouden. Ook pixel art begint bij een schets. Eerst tekent hij de illustraties in detail met potlood op papier en vervolgens werkt hij dit uit in Paint. Doordat hij het uitwerkt in met pixels in Paint moet hij wel opletten dat de illustratie zijn detail kwijtraakt.

Soms vindt hij het lastig om te zien wanneer iets 'goed of fout' is in een ontwerp. Hij maakt dan van één onderdeel weleens 6 of meer varianten om te kunnen vergelijken. Het kan een verschil geven waar je een bepaald item neerzet zodat het meer rust toont voor het oog. Als hij het even niet meer zag legde hij het even weg en keek er op een later moment naar. Om de illustratie te spiegelen wilden ook nog weleens helpen om zo te kunnen zien of het in evenwicht was.

Toen flash in opkomst was ging hij daar ook mee experimenteren. Hij heeft daar onder anderen een programmatje mee gemaakt waarmee je een illustratie kan maken in een soort Paint omgeving waaruit pixels werden gegenereerd die langzamerhand naar hun juiste plek gingen zonder andere pixels te kruizen. Als de illustratie heel groot was kon het wel 6 uur duren voordat het plaatje compleet was. Om de animatie in de browser te laten werken gebruikt hij de GPU zodat het de DOM niet belast.

Hardware versnelling is een belangrijke mijlpaal voor de algehele prestaties van de render in de browser. De algemene regeling is om de taken te ontladen die anders zou worden berekend door de main CPU nu naar de graphics processing unit (GPU) van de computer grafische adapter. Dit kan enorme prestatieverbeteringen opleveren en het kan ook het verbruik van de resource op mobiele apparaten verminderen.

Deze aspecten van je document kunnen versneld worden door de GPU:

• General layout compositing
• CSS3 transitions
• CSS3 3D transforms
• Canvas Drawing
• WebGL 3D Drawing (bron)

Na 2D kwam 3D. Ook daar heeft hij verschillende projecten mee gedaan. Hij heeft bijvoorbeeld 3D tekeningen gemaakt en uitgeprint op papier met plakranden zodat het 3D object met de hand in elkaar gelijmd kon worden. Tegenwoordig zijn er 3D printers die dit principe een stuk makkelijker maken. Je maakt op de computer een 3D tekening en print deze vervolgens uit. Het best/ goedkoopst is om het object hol te maken zodat het minder 'inkt' kost.

Hij vond 3D erg interessant en heeft een programma gemaakt waarin je een 3D afbeelding om kan zetten in digitale legoblokjes. Je kan de grote bepalen van het ontwerp en vervolgens geeft het programma aan hoeveel legoblokjes er voor nodig zijn om het te bouwen. Als de kleur van de 3D afbeelding niet beschikbaar is als legoblokje, kiest het programma een alternatieve kleur. Zo is er met zijn programma is er een halve Porsche t.w.v. €20.000 aan legoblokjes in elkaar gezet.

Wat is een Web Worker?

Wanneer scripts in een HTML-pagina worden geëxecuteerd, worden de pagina’s niet responsive totdat het script helemaal uitgevoerd is.

Een Web Worker is een JavaScript dat wordt uitgevoerd op de achtergrond, onafhankelijk van andere scripts, zonder negatief effect te hebben op de werking. Je kunt blijven doen wat je wilt: klikken, dingen selecteren, enz., terwijl de Web Worker wordt uitgevoerd op de achtergrond.(bron)

Ik vond het interessant om te zien hoe 10 jaar geleden Visual Design en Web Development op een hele andere manier aan bod kwamen. Je ziet duidelijk de verschillende met toen en nu. In die tijd was men veel beperkter in design en develop programma's dat ze zelfs Paint gebruikten. Dat is nu niet meer voor te stellen. En de schermen van tegenwoordig zijn ook zo scherp dat je geen enkele pixel meer ziet. Daarnaast vond ik zijn programma waarin je een 3D afbeelding om kan zetten in legoblokjes ook erg interessant. Ik vind het knap als je zoiets kunt maken want daar komt wel het een en ander bij kijken. Zoals hij zei: ‘Dat doe je even’.