Responzivan pixel art


#1

Svi znamo za responzivan web dizajn, zar ne? Par media queryja, podešavanje veličina divova za razne veličine zaslona i imamo stranicu koja lijepo izgleda na svim uređajima – od pametnih telefona do velikih stolnih zaslona. Super! No što kad jer riječ o pixel art slikama?

E pa Marcus Blättermann je u ovom eksperimentu pokazao da je i pikselizirane slike moguće prilagođavati različitim veličinama ekrana. Posebno je cool Zeus primjer :astonished: – poigrajte se, ne ću vam kvariti iznenađenje, ali nešto super se zbiva kad mičete mišem po ekranu!

Sve animacije su napravljene u JavaScriptu i elementi na slikama su “vektorski” definirani u kodu i on-the-fly iscrtani u browseru.

Autor inače ima još par zanimljivih #digitalna-umjetnost:pixelart uradaka kao što je npr. ovaj video o prekrasnoj neuronskoj mreži koju čini naš mozak: