FSOSS 2010/processing.js/

Introduction

- What is Processing?
- What is Processing.js?
- Reference page

Environment Setup

- Where to download
- How to setup with HTML and JS

Coordinate Systems

- 2D
- 3D

'Hello World' Sketch

Change background Color

Draw loop

- draw callback
- set/get frameRate

Input

- Keyboard
- Mouse

Debugging tips

- alert and println

DOM Integration