Responsive Pixel Art
essenmitsosse.de
essenmitsosse.de
I am currently a bit blown away by the reaction to this. I finished this over a year ago but didn’t manage to make it public till now. I presented this at a meetup in Berlin yesterday and someone asked for an online version, which I postet to Twitter — then things escalated quickly.
So because a lot of people are asking: I am currently redoing my completely outdated homepage. The new one will include an in-depth explanation of what is actually happening there, what’s the idea behind it and how I want to apply this to actual web design to make resolution-independent work more easy and less restrictive for both designers and developers.
Until then I will try to answer some questions here …
Scalable Greetings Marcus
In this case, it's actually pretty easy to implement an editor for arranging functions like this. You could probably generalize the concept to other kinds of functions.
the resolution independent illustrations.
These images work differently, there is no source image or something like that, the whole image is described that everything depends on the final resolution, so that the image is independent of its output size. There is no fixed, static sized image anymore.
It's not an algorithm, it's just well-designed art. The design is entirely different for every image. But it's still very, very cool.
The author then has a renderer to turn these into pixel data. It seems to render them down to an actual pixel image on the fly.
I think he (Marcus Blättermann) presented at a meetup in Berlin [2] in a talk called "Resolution-Independent Illustrations in Pure JavaScript". Does anyone have more information on how this was created?
Given the sheer amount of work for one piece, with The Three Graeae appearing to be around 1000 lines of code, I'm also quite amazed he managed to produce seven. Brilliant, and Art indeed.
My faves are 1- Zeus, and 2- Teiresias
Those two look like they took the most work, and are most technically challenging. The Man-Eagle-Bull-Snake morph especially.
Halfway random tangent, and halfway related, but I'm really super looking forward to wider adoption of SVG 1.2 precisely because it adds absolute unit constraints in addition to the relative constraints, so you can do some of the same kind of stuff in an SVG image, and have authoring tools to support it. Not the pixel art side of it, and nowhere near as crazy as this project, but it will still be really useful.
Zeus is just fun
http://perso.crans.org/frenoy/matlab2012/seamcarving.pdf
It's pretty cool at altering images to fit an aspect ratio.
Pretty awesome!
IPad Air, works perfectly. Image selector appears and you can switch images. Dragging works as expected.
i didn't "get it" on my phone but when i switched to my desktop it blew me away.
I really like that in "Teiresias", if you make the canvas narrow enough, the man jumping (presumably Teiresias) changes position and gets a white beard instead of white long hair. Just to still give the impression that it's an old sage, in small vertical space.
"In Greek mythology, Tiresias... was a blind prophet of Apollo in Thebes, famous for clairvoyance and for being transformed into a woman for seven years."
I tried briefly to read the code to see if I was right but failed so - I'm not good at reading other people's code :( - so someone please correct me if I'm wrong.
I'd love to hear about the inspiration behind the project.
Do you mean you're tracking visits that hit "view page source"? Does that work? I can't find any info about that on Google.
The potential!
at what point along the spectrum of "abstract" does a boob become SFW?
it's a rectangle with a rectangle inside of it, for fucks sake.
Saying 'smoking pot is a crime' is only a statement of what something is given the current law. It in no way implies that it should be a crime, only that to that person in that jurisdiction, it is currently a crime. The same logic for laws holds for mores.