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