_
Introduction
In this tutorial, you will learn how to write a multi-participant Paint program in pure HTML5.
Required tools
The recommend tools are :
- A recent web browser that supports the <canvas> tag, most do,
- For live web cam capture, you will need a special Opera build (Windows, Linux, Mac) or Chrome Canary build (Windows, better than Opera for Mac)
- Check that you have a JavaScript debugger in your browser (Firefox users will need to install Firebug.
- Editor of your choice for HTML/Javascript (recommended : WebStorm from JetBrains, free licence for researchers/education, 30 days free trial for others).
- For steps 7 and superior that involves WebSockets, you will need the NodeJS web server and some modules. See NodeJS installation guide for Windows, Linux, Mac.
Download lab exercices
All the source files you will need are included in this archive. Unzip, go in the "Paint_HTML5_Multi_Tutorial". You will find subdirectories step1, step2, etc... corresponding to each step described in this document.