Following
Guides you through the process of creating a game from scratch using Canvas, HTML5 Audio, WebGL, and WebSockets
By the end of this invaluable book, you will have created a fully functional game that can be played in any compatible browser or on any mobile device that supports HTML5> If you'd like to preorder/buy it, consider using the Amazon affiliate links below, so I can earn a few extra coins.
An even faster Canvas element
The canvas element in Firefox 7 is even faster. We've revised our code for Canvas based on what we learned in previous Firefox releases and how people are using Canvas in the wild. Based on that you are likely to see much snappier performance on many demos when drawing to canvas elements. For an example, see our Runfield demo.
Web sites can no longer resize your main browser window
It's no longer possible for a web site to change …
…extremely interesting client-side coding: JavaScript Face Detection + Canvas + Video = HTML5 Glasses! The author, Wes Bos, has written a tutorial and the provided source ( wesbos / HTML5-Face-Detection ) for some interesting HTML5 Canvas and JavaScript that uses the Core Computer Vision Library .
The CCV JavaScript library uses Web Worker to parallelise computation, but Wes said:
In the CCV examples, they provide a web worker example …
…already a serious step-up for Microsoft with capabilities such as hardware accelerated Canvas, but IE10 introduces much more including:
CSS Transforms and Transitions: 2D and 3D transforms work smoothly and at high quality. Anti-aliasing and perspective handling for 3D transformed elements is visibly superior to many other browsers. And the smoothness of transforms is impressive which means that they're probably hardware accelerated.
CSS Animations: are fully implemented with …
…90% of people do not use the Find in page feature in web browsers
Version numbers in Firefox aren't going anywhere
Mozilla Hacks Weekly, August 25th 2011
Browserfountain - playing with Canvas particles
The Light of Firefox - SVG, Canvas, CSS Transitions and Transforms
Mozilla Wants a Browser to Control Your Phone
Following me elsewhere
If you are interested in what I recommend or talk about in general, please follow me in any medium(s) you prefer:
…found it to be "rough around the edges", but shining in some places, such as blazing fast Canvas rendering.
The this keyword in JavaScript is a good article that explains the sometimes peculiar nature of "this" in JavaScript, and how it changes in ECMAScript 5 strict mode.
Node.js
kue is a redis-backed priority job queue for node.js
What is Node.js is another good introduction to Node
Upcoming Events
Open Web Camp III (July …
As you manipulate "real" HTML elements, you don't need a Canvas object (and its performance problems), nor a WebGL-enabled browser. And, as 3D transforms are hardware-accelerated, you can get a very decent framerate, even on ( Apple's) mobile devices.
This is an interesting point, because a lot of people have been frustrated at Canvas performance on iOS. Given the author's background in AS3, perhaps this library will appeal to Flash developers looking to …
…Ajax)
Slides: Fabric.js — Building a Canvas Library
Node Tidbits
Mozilla jumps into Node.js server project
Pulley: An Easy Github Pull Request Lander (written in node)
node-spdy : a SPDY implementation in node
Share and Enjoy:
…animations by Google also moved DIV elements around rather than using Canvas and/or SVG (remember the exploding balls logo ?) whilst sporting the HTML5 label.
HTML5 Games developer and co-organiser of the onGameStart conference Kamil Trebunia, questioned the concerns over Canvas being too slow on mobile devices . The great news is that in a backchannel discussion on Twitter, Paul Bakaus, CTO of Zynga Germany pointed out that they are doing intensive …