[]
readme
course(s)
preface
I
1
2
II
3
4
III
5
6
7
IV
8
9
10
V
11
12
afterthought(s)
appendix
reference(s)
example(s)
resource(s)
_
chart(s) / tutorial(s)
chart(s) -- graphic(s)
graphic(s) [processing]: overview(s)
- init(s) -- void setup() { ... }, void draw() { ... }
- setting(s) -- stroke(), strokeWeight(), fill()
- method(s) -- line(), rect(), arc(), ellipse(), point(), quad(), triangle(), bezier()
- complex polygon(s) -- beginShape(), endShape(), vertex(x,y)
- canvas -- translate(), scale(), rotate()
- math(s) -- dist(), map(), constrain(), abs(), floor(), ceil(), random(), noise(), atan2() ... radians().
graphic(s) [flex/as3]: livedoc(s) / tutorial(s)
- setting(s) -- lineStyle(width,...)
- function(s) -- moveTo(x,y), lineTo(x,y) / curveTo, beginFill(clr), endFill(), clear()
- shape(s) -- drawRect / Circle / RoundRect
graphic(s) [canvas]: tutorial(s) / specification(s)
- element(s) -- <canvas id="canvas" ></canvas>
- context(s) -- var ctx = canvas.getContext("2d");
- state(s) -- fillStyle, strokeStyle, lineWidth, lineJoin
- function(s) -- ctx.fillRect (x, y, w, h)
- path(s) -- beginPath(), moveTo(x,y), lineTo(x,y), closePath(),
fill() / stroke()
- curve(s) -- ctx.bezierCurveTo(60, 70, 60, 70, 70, 150)
- operation(s) -- save, restore / translate, scale, rotate
resource(s) -- processingjs / javascript
[]
readme
course(s)
preface
I
1
2
II
3
4
III
5
6
7
IV
8
9
10
V
11
12
afterthought(s)
appendix
reference(s)
example(s)
resource(s)
_
(C) Æliens 27/08/2009
You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.