This document contains an agenda and notes from a workshop or conference on May 24, 2008. It includes a schedule with 4 sessions between 10:00-18:30 covering topics like Gainer I/O, LEDs, controlling outputs with buttons and LFOs, and using Processing with Funnel and Minim. Notes describe code examples for controlling LEDs with mouse input, buttons, and LFOs. Other topics mentioned include scopes, 3D rendering, audio, and sketches as quick, inexpensive ways to explore and prototype ideas rather than confirm them. References are made to related books on physical computing, Processing, and Gainer.

1. 2008.05.24

2. • 1 10:00-11:15
• 2 11:30-13:30
13:30-14:30
• 2 14:30-16:15
• 3 16:30-17:45
• 4 17:45-18:30

3. Gainer I/O 1
SAD-01 1
SPP-100 5
SKS-140
USB 1
330Ω 2
10kΩ 1
10kΩ B 1
CdS 5mm 1
LED 2
KMX52-1050 1

4. • 1970
• 1993 4 2004 6
–
–
• IAMAS 2004 7
–
–

5. 1 10:00-11:15
•
• Gainer
• Funnel

6. • ITP*1 Tom Igoe
• PC
•
•
*1 Interactive Telecommunications Program

7. ITP Spring Show 2008
• ITP 2
• 5 12 13
• http://itp.nyu.edu/shows/spring2008/

8. PC
• ASCII
• 1

9. Alto (1973)
http://toastytech.com/guis/

10. • PC
–
– PC
•
Flash

11. •
Nintendo Wii
•
• Apple
– iPod
– iPhone
– MacBook Air PC

12. •
•
LED
•
I/O PC

13. •
ActionScript C C++ Java
•
•

14. •
•

15. •
– Processing
– Flash
•
– Gainer
– Arduino
– Phidgets

16. •
•
–
–
–
–
•
• UNDO

17. 1
•
• 1
• NTT InterCommunication Center [ICC]
2007.4.19-2008.3.9

18. 1

19. 1

21. 1

22. 1

23. 1

24. 1
ICC

25. 1
ICC

26. 1
ICC

27. 2 Mountain Guitar
• 6
•
–
–
• I/O PC
• IAMAS
• CG

28. 2 Mountain Guitar

29. 2 Mountain Guitar 1

30. 2 Mountain Guitar 2

31. 2 Mountain Guitar 2

32. 2 Mountain Guitar 3

33. 2 Mountain Guitar 4

34. 2 Mountain Guitar 4

35. 2 Mountain Guitar 4

36. 2 Mountain Guitar 5

37. 2 Mountain Guitar 5

38. 2 Mountain Guitar
•
•
IAMAS

39. 2 Mountain Guitar

40. 2 Mountain Guitar

41. 3 3
• 11
•
•
•
• IAMAS
2007.8.24-26

42. PIC AVR
program
A
a0]=ain.o;
aout.1 = 255;
B
C
D

43. PC Arduino
program
A
a0]=ain.o;
aout.1 = 255;
B
C
D
PC
program
a0]=ain.o;
aout.1 = 255;

44. Arduino

45. I/O PC Gainer Phidgets
A
B
C
D
PC
program
a0]=ain.o;
aout.1 = 255;

46. Gainer
• I/O
•
– ActionScript 2/3
– Processing
– Max/MSP

47. Gainer I/O

48. I/O

50. I/O

52. LED

54. Gainer
•
•
•
– LED

55. Funnel
• Gainer
•
•

56. Funnel
•
•

57. Funnel
Sketching User Experiences
Getting the Design Right and the Right Design
Bill Buxton Morgan Kaufmann Pub 2007

58. Funnel
•
•
–
–
–
–
• I/O

59. Funnel

60. Funnel
• I/O
– Gainer
– Arduino
– XBee
– Funnel I/O
•
– Processing
– ActionScript 3 Flash Flex
– Ruby

61. Action-Coding×Funnel×Gainer I/O
Action-Coding
•
• JRuby Processing API
•

62. Action-Coding×Funnel×Gainer I/O
•

63. Action-Coding×Funnel×Gainer I/O
• LED
• LED
•

64. Action-Coding×Funnel×Gainer I/O
•
• 3D

65. • Make
http://jp.makezine.com/
• Instructables
http://www.instructables.com/

66. • v1.0 SparkFun
• Creative Commons Attribution-Share Alike

67. 2006

68. •
–
– 3D
–
–
•
•

69. Sketching in Hardware 2
•
• 2007.6.23 24
• 30
•
•
• Sketching in Hardware

70. Sketching in Hardware 2

71. Sketching in Hardware 2

72. Sketching in Hardware 2

73. Sketching in Hardware 2

74. Sketching in Hardware 2

75. Sketching in Hardware 2

76. Sketching in Hardware 2

77. 2 1 11:30 12:15
•
•
• LED
• LED

78. •
– 2
– GND
– V

80. •
–
– A

82. •
–
– Ω

84. • 1,000 1kΩ
• 1,000,000 1MΩ
• 1,000
1
1mA
• 1,000,000
1
50µA

86. •
•

87. +5V GND

91. LED

92. •
•
–
–
–

93. •
•
•

94. LED

95. LED
• LED
20mA
•
•
•

96. V =I ×R
• V V
• I A
• R Ω

97. − LED = LED ×R
R
− LED
R=
LED
5.0V LED 1.8V 10mA
5 − 1.8 3.2
R= = =
0.01 0.01

98. LED

99. • +5V
• GND
•

100. LED NG

101. LED

102. LED
7

103. 2 2 12:15 13:30
Funnel
•
– I/O LED
– I/O LED
•
–
– CdS

104. Funnel Gainer I/O
2
• dout 0 1 2
– LED
–
• aout 0 1 256 *2
– LED
–
*2 PWM

105. Funnel
1 I/O LED 01 ControlLEDByMouse
import processing.funnel.*;
Gainer gainer;
void setup()
{
size(200, 200);
frameRate(30);
gainer = new Gainer(this, Gainer.MODE1);
gainer.autoUpdate = true;
}
void draw()
{
background(100);
}

106. Funnel
2 I/O LED 01 ControlLEDByMouse
void mousePressed()
{
gainer.led().value = 1.0;
}
void mouseReleased()
{
gainer.led().value = 0.0;
}

107. Funnel
3 I/O LED 02 ControlLEDByButton
import processing.funnel.*;
Gainer gainer;
void setup()
{
size(200, 200);
frameRate(30);
gainer = new Gainer(this, Gainer.MODE1);
gainer.autoUpdate = true;
}
void draw()
{
background(100);
}

108. Funnel
4 I/O LED 02 ControlLEDByButton
void gainerButtonEvent(boolean pressed)
{
if (pressed) {
gainer.led().value = 1.0;
} else {
gainer.led().value = 0.0;
}
}

109. Funnel aout 0 LED

110. Funnel aout 0 LED

111. Funnel
5 aout 0 LED
// _02_ControlLEDByButton
void gainerButtonEvent(boolean pressed)
{
if (pressed) {
gainer.analogOutput(0).value = 1.0;
} else {
gainer.analogOutput(0).value = 0.0;
}
}

112. Funnel LFO
6 aout 0 LED 03 ControlLEDWithLFOByButton
Gainer gainer;
Osc osc;
void setup()
{
size(200, 200);
frameRate(30);
gainer = new Gainer(this, Gainer.MODE1);
gainer.autoUpdate = true;
//
osc = new Osc(this, Osc.SQUARE, 1.0, 0);
osc.serviceInterval = 30;
osc.addEventListener(Osc.UPDATE, quot;oscUpdatedquot;);
}

113. Funnel LFO
7 aout 0 LED 03 ControlLEDWithLFOByButton
//
void oscUpdated(Osc osc)
{
gainer.led().value = osc.value;
}
//
void gainerButtonEvent(boolean pressed)
{
if (pressed) {
osc.reset();
osc.start();
} else {
osc.stop();
}
}

114. Funnel

115. Funnel

116. Funnel AC
dout 0 aout 0

117. Funnel AC
• SSR
AC100V LED
• AC

118. Funnel Gainer I/O
2
• din 0 1 2
–
–
• ain 0 1 256
–
–

119. Funnel din 0

120. Funnel din 0

121. Funnel ain 0

122. Funnel ain 0

123. Funnel ain 0
• 04 SimpleScope
•
• ain 1
•

124. Funnel

125. Funnel

126. Funnel
• 05 Tree *3
•
• Funnel
• mouseX ain 0
*3 Topics/Fractals and L-Systems/Tree

127. Funnel ain 0

128. Funnel ain 0

129. Funnel ain 0
• 05 Tree
• 04 SimpleScope
• Scaler
•

130. Funnel Scaler
8 Scaler 05 Tree
import processing.funnel.*;
Gainer gainer;
void setup()
{
size(400, 400, P3D);
...
gainer = new Gainer(this, Gainer.MODE1);
Filter f[] = {
new Scaler(0.3, 0.9, 0, 1, Scaler.LINEAR, true)
};
gainer.analogInput(0).filters = f;
}

131. Funnel ain 0

132. Funnel ain 0

133. Funnel ain 0

134. Funnel ain 0

135. Funnel ain 0

136. Funnel ain 0

137. 2 3 14:30 16:15
Funnel
•
–
•
–
–

138. Funnel ain

139. Funnel ain

140. Funnel ain
• 04 SimpleScope
• 3
• x, y, z
–
–

141. Funnel
•
•

142. Funnel

143. Funnel
•
• 04 SimpleScope
• -1 +1
• sin

144. Funnel
• 06 RGBCube Mouse *4
•
•
*4 3D and OpenGL/Form/RGBCube

145. Funnel Processing
• Libraries Processing 1.0 (BETA)
http://processing.org/reference/libraries
• Minim
http://code.compartmental.net/tools/minim

146. Funnel Processing
9
import ddf.minim.*;
AudioPlayer player;
void setup()
{
size(200, 200);
// Minim
Minim.start(this);
// AudioPlayer 512
player = Minim.loadFile(quot;groove.mp3quot;, 512);
}

147. Funnel Processing
10
//
void keyPressed()
{
// ’p’
if ( key == ’p’ ) player.play();
}

148. 3 16:30 17:45
• 2
•
• OK

149. Bill Buxton 2006
What Sketches (and Prototypes) Are and Are Not.
• Quick
• Timely
• Inexpensive
• Disposable
• Constrained Resolution
• Suggest & explore rather than confirm

150. 4 17:45 18:30
• 3
•
•

151. Making Things Talk
Practical Methods for Connecting Physical Objects
Tom Igoe O’Reilly Media 2007

152. Built with Processing [ ]
/
2008

153. Processing
A Programming Handbook for Visual Designers and Artists
Casey Reas + Ben Fry MIT Press 2007

154. 2007

155. Gainer
2008

156. GAINER
Physical Computing with Gainer
GainerBook Labo 2007

157. 2008.05.24