Week 9
HTML5 <canvas>
First, a brief discussion about the definition of web documents
Plotting a curve
Drawing app tutorial
Tutorials for rendering primitives
Text effects
Image parameters
Image manipulation
Video manipulation
Simple animation:
Very simple canvas animation
A touch more complexity
Simple interaction:
A game of Halma
Keyboard interaction test
Fancier examples:
Canvas nebula
Blob Sallad
Mr. Doob: Ball Pool
Canvas Aquarium
Sketchpad
Canvascape
Canvas Demos
Export Illustrator designs to canvas:
Ai->Canvas
Animation development environment for canvas:
Adobe Edge Animate
Introduction and demos
Canvas 3D context:
WebGL preview
WebGL examples
Chrome experiments
WebGL Water
Simulation environments
Lo-fi AIM experiement
Translating 4D to 2D
Miranda July book promo site
Tracy Fullerton and Bill Viola: Night Journey
Relative degrees of verisimilitude
Game engine resources:
Unity 3D
UDK
GameMaker: Studio
3D Rad
HTML5 Game Engines
Wikipedia: Game engine freeware
Free 3D sculpting tools:
Google SketchUp
Sculptris
Blender
Want a Unity or ZBrush walkthrough?
Consult the IAM Open Lab
Public outreach tactics
Design for Public Intervention
AIM2—Spring 07:
Gallery 416:
1
2
COMA event:
1
2
3
4
5
AIM2—Spring 09:
Rocks:
1
2
3
4
5
6
Posters:
1
2
3
AIM2—Fall 2011:
Shortcut keys PSAs:
1
2
3
Student achievement poster
Cupcakes:
1
2
Communication campaign visualizations
Visualization of campaign modules
It doesn't need to be like this
Perhaps more like this:
1
2
3
4
Crystalline compound models
Info vis ideas:
Information Aesthetics
Information is Beautiful
w3schools readings/review:
HTML forms
PHP: Basic,
Intro,
Syntax,
Variables and
Include Files
Last chance next week:
Project 2: Self-presentation
Journal Entry 3