Session Details

HTML5 (Session #2): HTML5 Canvas, Media, and Mobile  

Level :
Date :
1:45 PM Saturday
Room :
Interested : (-) - Registered : (-)
Tag(s) :


The demos in Session #2 cover a lot of ground: 2D shapes in HTML5 Canvas, HTML5 WebSockets updating a Canvas-based 3D bar chart with real time data, inverting JPG pixels in a Canvas element and examples of some "smoothing functions" for softening images. You'll also see examples of Canvas graphics combined with CSS3-based 3D effects that create vivid visual effects. We'll look at a real-time Canvas-based graphical visualization of an audio file, and then see a video playing inside an HTML5 Canvas element where you can "obliterate" the video with your mouse. The last demo is a fusion of WebGL, Web Sockets, Canvas, CSS3, Javascript, Flash, and Web Audio APIs. If there's enough time, we'll take a quick look at a data visualization toolkit called D3, followed by a demo that uses jQuery Mobile on an iPad3 and an Android tablet. Three related open source projects (HTML5 Canvas, Canvas/Node.js, and Easel.js) provide additional code samples. Basic knowledge of HTML and CSS is helpful for this session, which wraps up with a raffle of a recent HTML5 book.

The Speaker(s)


Oswald Campesato

Oswald is passionate about education: a former PhD Candidate in Mathematics (ABD), with 4 Masters and 2 Bachelors degrees. Previously he worked in South America, Italy, and the French Riviera, and he traveled to 70 countries around the world. He has worked from C/C++/Java developer to CTO, and currently working at SwiftBot. He's comfortable in 4 languages and trying to learn Japanese. He's a Series Editor for Mercury Learning and working on his 17th book.
  • Not Interested
  • Interested
  • Attending