background preloader

Exemples

Facebook Twitter

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.

GwtQuake: Taking the Web to the Next Level

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!

The Path to the Web The idea that you could use GWT to compile something like Jake2 to Javascript seems straightforward, since GWT after all, compiles Java to Javascript, however there is still a lot of work massaging the code to compile, as well as mapping I/O to the appropriate Web APIs. Mapping I/O Joel reorganized Jake2 I/O system around event driven pumping to load files. Is it slow? -Ray. Akihabara. Update your browsers to the latest stable version!

Akihabara

The Z key is the A button, the X key is the B button and the C key is the C button.Move with arrows keys. Touchpad is available for touch devices.Wii users, grab the Wiimote sideways after loading! Not happy or confused by default settings? Hating the keyboard settings? Audio doesn't work or works really bad so you want to enable/disable it? Credits for music artists are on staff rolls of each games and here.Feel brave? HTML5 is my Arcade. Akihabara is a major Tokyo shopping area for electronic, computer, anime, and otaku goods. The Akihabara which you can download here is my personal dream too. I wrote this for fast game developing/prototyping, since Javascript is not only a funny scripting language but is also available quite anytime during the day, for some coding-on-lunch-break (my unique spare time). Show me the pixels. Akihabara is composed of a number of libraries that use HTML5 canvas tag and some standard hooks.

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.