GwtQuake: Taking the Web to the Next Level. Back in November of 2009, Joel Webber and I were at a GWT Summit focused on improving the Web and UI latency.
Someone was giving a presentation on WebGL, and I saw Joel sitting in the back of the room looking seriously distracted. When I approached him, he said "Did you see this? " and swung his notebook around to show Jake2 -- Quake2 ported to Java running as a Java WebStart Application. I had seen this project years ago, but never knew it had gotten this far. Right then and there, I knew what he was thinking, I almost didn't need to ask -- he was suggesting that we port Jake2 to the Web using GWT!
Download Who? Pure CSS3 Spiderman Cartoon w/ jQuery and HTML5 – Look Ma, No Fl. Update: 10/11/2011 New Animation; Making Internet Marketing Fun with Wufoo and CSS3 Inspiration Searching YouTube for inspiration I stumbled on to the intro of the classic 1967 spider-man cartoon series. While watching I realized that the animation was very basic. It was the paper doll sort of animation that lends itself perfectly to css3. Hmmm… “I could something like that with a little css3″, I thought. Character & background art The character art was created in adobe illustrator and copy/pasted into photoshop for export.
As previously stated, the graphics originated in illustrator. Same applies for the torso, legs and arms. The cityscape’s were also created in illustrator. Just like the character. Complex CSS3 character animation and rigging One of the trickiest parts to creating these css3 character animations is the rigging of joints or skeleton so that they hinge and rotate believably. Notice how the foot graphic (1) is much wider than the thigh graphic (2). Putting it all together.