FOWD – Advanced HTML5

geolocation websocket canvas webworkers

HTML5 Geolocation

create location aware services using browser built in API.

data comes in as long lat and accuracy (maybe altitude heading and speed too)

if (navigator.geolocation) {do stuff}

HTML5 WebSocket

Create an AJAX type bi-directional connection.

comet – server can push data to the browser

both still based on HTTP

WebSocket is a full duplex text based socket between browser and server

Massive reduction in overheads

if (window.websocket)

http://www.websockets.org/

kaasino.com/poker.html – html5 and js only poker game and websocket

HTML5 Canvas

Canvas is a scriptable bitmap canvas (not vector)

create a path, move it (translate) then stroke it. Reminds me of the old Pascal turtle.

for every pixel you can control the rgba value

heatmap – changing pixel values on mouseover (access to all standard browser events)

HTML5 Web Workers

The ability to run scripts in the background! Uses another process thread/cpu.

The worker cannot communicate with the page?? (need to investigate)

————————————————–

Cool session.

Tags:

Leave a Reply

You must be logged in to post a comment.


Page optimized by WP Minify WordPress Plugin