Yesterday I've made an interactive mock-up of "Extra Ordinary" comic #337. I think it carries the point pretty well. A link to the comic is available from the page (view after page to avoid a micro-spoiler). This blog post, on other hand, covers a few technical/process details, just in case you're curious.
Sometime late Friday evening comes the point, when you can no longer work on anything serious, but are not sleepy enough to go to bed yet. This having struck me yesterday, I memorized the absence of motion in earlier viewed #337, and thought that I could make some micro-game/thing with that. So this happened.
Project file can be downloaded here, with interesting details as following:
There are only 23 lines of code total.
16 of those are screenshake.
Imagery was extracted from original comic via brief use of Paint.NET.
Semi-transparency was done with a custom plugin of mine (which I need to publish sometime soon, actually).
The only things missing are the elements specific to last comic frame, which I couldn't quite do without having to manually redraw something (due to rotations).
- I've spent some minutes fine-tuning all parameters (object velocities, mass, friction, screenshake) to feel right. I think the comic implies obstacles to be slightly more "heavy" than they are here, but destruction feels more satisfying this way.
- First thought was to use sounds instead of screenshake, but in this context screenshake seems to be a much better way to display feedback. Oh, and screenshake can't turn out to be "too loud" for some viewers.
Preloader is the one that I've made a year ago.
Not sure if anyone used it in their projects. It's looking good, isn't it?
Overall it seems to have came out pretty good. What do you think?
Hi there, your download link doesn’t seem to work anymore….
Just came to say that the screenshake efect is really nice and perfect for this purpose. I played it before reading and I felt exactly like the comic guy, I even tried it at slow speed.
It’s just a blank page for me, firefox ESR 24.7.0
ESR (extended support release) versions of Firefox are not super-intended for running HTML5 applications and other edgy things of modern web.
That said, I might look into it sometime, but generally it’s easier to try a different browser.