Scripts, Tools & Methods Developed at Hook
42 Posts since November, 2009
Conway’s Game of Life is well known in programming circles. Abstractly, it’s a set of rules applied to a grid of boolean (either on or off) cells. On each iteration, the cells in the grid evaluate their neighbors and decide whether to turn on or off.
This was my first attempt at integrating HTML5 and I quickly learned that a number of quirks must be addressed when deploying video in this fashion. There’s nothing groundbreaking about this post; however, I’m hoping it serves to be a comprehensive summary of how to integrate HTML5 with the following criteria:
- Compatibility with all current browser implementations of HTML5 (H.264 and Theora)
- Flash fallback for older gen browsers
- Platform detection
- Mobile device support
The final result of my efforts can be viewed here by a Desktop PC or iOS / Android device: http://labs.byhook.com/html5video/
While in the midst of the some new rigid-body physics experiments (a continuation from my previous post on Jakobsen-style position based dynamics: (http://labs.byhook.com/2010/02/11/fuzzy-physics-3-1-rigid-body-dynamics-pt-1/) , the hooplah around the iPad and Apple getting all ‘The Hills’ on Adobe provided a welcome excuse for trying something with a completely different perspective. With the tech world’s lips aflutter and teeth agnashing about HTML5 and it’s impact on the web, we decided to use a couple days between projects to dig in and see how we could translate our Flash awesomeness to something a little more worthy of having a lower case i before it.