Live data from Hacker News

Responsive Pixel Art

essenmitsosse.de

31–40 of 132 posts

Re: Responsive Pixel Art

#31
post #5

Awesome. I didn't really get it until I looked at the Brother picture, but that is brilliant.

How are you seeing different pictures? I don't see any way to pick different images. On Windows+Chrome.

There's a gray sidebar on the right with a list of names and 2 arrows. If you click on any of the names, it goes to that picture.

Re: Responsive Pixel Art

#34
As others have stated, this is an amazing demo! I've played around in the past with designing responsive web comics with no real luck, but could you imagine creating a web comic using the techniques used in this demo?

The potential!

Re: Responsive Pixel Art

#36
post #31

Earlier quoted context omitted.

How are you seeing different pictures? I don't see any way to pick different images. On Windows+Chrome.

There's a gray sidebar on the right with a list of names and 2 arrows. If you click on any of the names, it goes to that picture.

Oh weird. It wasn't there before but now it is!

Re: Responsive Pixel Art

#37
post #26

Earlier quoted context omitted.

There's certainly more than just scaling involved, but there's definitely scaling in there.

I have the feeling is that the algorithm involves different pictures that superficially look the same but represent different things, and the code decides which picture to show according to the coordinates of the mouse, and them rescale it. 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.

If you look at the "image" description files (e.g. http://essenmitsosse.de/pixel/scripts/zeus.px, linked by another comment), then it looks like the files define a set of constraints on the "components" in an image such as Zeus's arm , the bird beak, the cow's leg, etc. When the mouse moves, my guess is those constraints determine which components are rendered and where they appear on screen.

Re: Responsive Pixel Art

#39
post #4

This is incredible stuff. Zeus in particular is amazing. It all seems to be done with weighted objects and a clever way of rendering them, but it's indistinguishable from magic from where I'm sitting.

Every image is made of JS. It's multiple ways of rendering put into single files.

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.

Post reply on HN