Friday, October 9th, 2009>p>The week is almost over, and that means it’s Fun Friday! Ajax and HTML5 aren’t just for serious business apps (“business in the front, party in the back”):
- <canvas width="640" height="480"
- id="screen" style="border: 1px solid #ddf;"
Notice the moz-opaque attribute. Evidently this showed up in Firefox 3.5 and:
…lets the canvas know whether or not translucency will be a factor. If the canvas knows there’s no translucency, painting performance can be optimized.
Hopefully the other browsers and the HTML5 spec can pick up this useful property.
Another unique aspect of this sample is that many free, open source tools were used to create all the images and sounds. All the graphics were created with the Gimp and Blender, and the sounds were made with csound.
BTW, if you are graphically challenged like me but need resources like this for applications and games I always recommend either grabbing images, video, and illustrations through the Creative Commons search engine, Wikimedia Commons, or iStockPhoto.com (you could grab an Illustrator file from iStockPhoto, for example, and then convert it into SVG using Adobe Illustrator to bring into your fancy web page).
Posted by Brad Neuberg at 6:30 am