The document discusses the Processing programming language and environment. It covers basic concepts like size, color, drawing shapes, variables, conditionals, and loops. Examples are provided to demonstrate how to set the canvas size, draw lines and ellipses, use random numbers, and create a loop to repeatedly draw random ellipses on a canvas.

1. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
#07
N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski)

2. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• Processing "
"
"
"
• Processing "

3. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski)
www.processing.org
2011/06/23

4. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

5. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
Sketch
• Processing "
• Sketch

6. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
size(400, 400);"
stroke(192, 0, 0)"
line(100, 100, 200, 200);

7. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

8. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

9. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
1. Sketch "
2. "
3. "
4. "
1. "
2. "
3. 3

10. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
size(400, 400);" size(400, 400);"
"
stroke(192, 0, 0);"
stroke(192, 0, 0);"
line(100, 100, 200, "
200);
"
line(100, 100, 200,
200);

11. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
size(400, 400);"
stroke(192, 0, 0);"
line(100, 100, 200, 200);

12. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• "
X "
Y "
X "
Y "
• 4

13. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
line
line(100, 100, 200, 200);

14. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• size( , );"
• "
size(400, 400);"
size(800, 600);"
size(1900, 1200);

15. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

16. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• point "
• line "
• ellipse "
• rect

17. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
Processing
• RGB "
colorMode(RGB, 100, 100, 100, 100);"
"
• HSB "
colorMode(HSB, 360, 100, 100, 100);"
"

18. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

19. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• colorMode "
• fill "
• stroke "
• noFill "
• noStroke "
• background

20. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• smooth "
• strokeWeight

21. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

22. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
"

23. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

24. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

25. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• "
"
"
• "
"
"

26. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• "
• "
1, 2, 100, -1, -40"
1.1, 175.2, 3.141592"
"

27. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
•
"
• line
"
•

28. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
int opacity;

29. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• "
"
"
• "
• "
aaa, foo, a10"
× 12345, 1_a

30. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• "
• E.g. "
• "
"
"

31. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
Java
int
-1, 0, 1, 100, 10000
float
1.0, -0.91, 3.141567474
char
A, b, c, d
String
Abcdefg,
boolean
true, false

32. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
opacity = 50;

33. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
int opacity = 50;"

34. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

35. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

36. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

37. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

38. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
10

39. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
10
s = random(0, 100);"
x = random(s, 400 – s);"
y = random(s, 400 – s);"
ellipse(x, y, s, s);

40. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

41. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23

42. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
while
while( ){"
" "
}"

43. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
while 10
int i = 0;"
while(i < 10){"
s = random(0, 100);"
x = random(s, 400 – s);"
y = random(s, 400 – s);"
ellipse(x, y, s, s);"
i = i + 1;"
}

44. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
• == "
• != "
• < "
• > "
• <= "
• >= "

45. N. Shimizu (chiko@sfc.keio.ac.jp / @chikoski) 2011/06/23
•
400x400"
• "
• 100 "
• "
•