Make: Tokyo Meeting 03
Jamming Gear
[IAMAS] [IAMAS]
2009 5 23 24

Pepper 1
EIC-801 1
150mm 3
330Ω 2
10kΩ B 1
LED 1
GP1A53HRJ00F 2
1
20mm×20mm 8

Make Volume 04
Sketch
2008

Make Volume 05
Sketch / Prototype
2008

Make Volume 06
Prototyping Lab:
2009

Make Volume 07
Prototyping Lab: Jamming Gear
2009
• Jamming Gear
•
• Jamming Gear

Making Things Talk
Arduino
Tom Igoe 2008

GAINER
GainerBook Labo 2007 2008

•
•
•

•
• 1 Processing
• 2
• 3
• 4 Jamming Gear

• ITP*1 Tom Igoe
•
1
•
• 1
*1 Interactive Telecommunications Program

PC
• ASCII
• 1

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

• PC
–
– PC
•
Flash

•
Nintendo Wii
•
• iPhone
•

•
•
LED
•
I/O PC

•
ActionScript C C++ Java
•
•

•
•

•
– Flash
– Processing
– Max/MSP
•
– Gainer
– Arduino
– Phidgets

•
•
–
–
–
–
•
• UNDO

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

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

Arduino I/O
SparkFun Electronics

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

Phidgets

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

Gainer I/O

I/O

I/O

LED

Gainer I/O Arduino
Gainer I/O Arduino Duemilanove
16 20
A/D 8 8bit 6 10bit
PWM 8 8bit 6 8bit
1 0
LED 1 1 D13
Yes Yes
No Yes

Gainer I/O
• SparkFun Electronics PSoC
– Gainer PSoC Development Board
• Morecat Lab. AVR
– Pepper
– Ginger
– Sugar
• RT PIC
– Gainer mini

Gainer I/O Pepper
Gainer I/O Pepper
16 4
A/D 8 3
PWM 8 2
1 0
LED 1 0
Yes Yes
PSoC AVR
USB FTDI FT232RL V-USB
28mm×75mm 11mm×31mm

HELLO!!
• 2007.12.22-23
•
• 19
•
• Processing×Funnel×Gainer I/O

Jamming Gear
• ×
•
–
–
• ×FIO×Max/MSP×PC
• Make: Tokyo Meeting 01-02
IAMAS Gangu Project

Jamming Gear 1

Jamming Gear 2

Jamming Gear 3

Jamming Gear 4

Jamming Gear 5

Jamming Gear 6

Jamming Gear 6

Funnel
•
•
•

Funnel Gainer
• Gainer
–
– Gainer I/O 1:1
–
• Funnel
–
– Arduino XBee
–

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

Funnel
Bill Buxton, Sketching User Experiences (2008)

Funnel
•
•
– Convolution
– SetPoint
– Scaler
– Osc
• I/O

Funnel

Arduino Duemilanove
SparkFun Electronics

LilyPad Arduino
SparkFun Electronics

Arduino Pro Mini
SparkFun Electronics

Arduino ProtoShield
SparkFun Electronics

Arduino XBee Shield
SparkFun Electronics

FIO v1.3

XIO: XBee I/O Board v1.0

XIO: XBee I/O Board v1.0

Processing
•
•
•

Built with Processing [ ]
/
2008

Processing
•
•
•
•

Processing
• Processing Development Environment
• Sketch
• Display Window

Processing 1
1 Hello World!
println(\"Hello World!\");

Processing 2
2
// 1
void setup() {
// Display Window
size(200, 200);
}
//
void draw() {
//
background(255, 255, 255);
}

Processing 3
3
void setup() {
size(200, 200);
}
void draw() {
background(0);
stroke(255);
line(0, 0, 199, 199);
}

Processing 4
4
int brightness = 0; //
void setup() {
...
void draw() {
background(brightness); // brightness
}
void mousePressed() {
brightness = 255; // 255
}
void mouseReleased() {
brightness = 0; // 0
}

•
•
•

•
– 2
– GND
– V

•
–
– A

•
–
– Ω

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

•
•

+5V GND

LED

•
•
–
–
–

•
•
•

LED

LED
• LED
20mA
•
•
•

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

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

LED

•
– LED
– LED
•
–

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

aout 0 LED

aout 0 LED

1
5 LED 01 ControlLEDByMouse
import processing.funnel.*;
Gainer gainer;
void setup() {
size(200, 200);
gainer = new Gainer(this, Gainer.MODE1);
}
void draw() {
background(100);
}

1
6 LED 01 ControlLEDByMouse
void mousePressed() {
gainer.analogOutput(0).value = 1.0;
}
void mouseReleased() {
gainer.analogOutput(0).value = 0.0;
}

2
7 LED 02 ControlLEDByMouseX
import processing.funnel.*;
Gainer gainer;
void setup() {
size(200, 200);
gainer = new Gainer(this, Gainer.MODE1);
}
void draw() {
float val = (float)mouseX / (width - 1);
background(255 * val);
gainer.analogOutput(0).value = val;
}

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

ain 0

ain 0

ain 0
• 03 SimpleScope
•
•

• 04 Tree *3
• Funnel import
• mouseX ain 0
*3 Topics/Fractals and L-Systems/Tree

8 SetPoint 0 1 05 SetPoint
import processing.funnel.*;
Gainer gainer;
int brightness = 0;
void setup() {
size(200, 200);
gainer = new Gainer(this, Gainer.MODE1);
// 0 SetPoint
gainer.analogInput(0).addFilter(new SetPoint(0.5, 0.1));
}
void draw() {
background(brightness);
}

9 SetPoint 0 1 05 SetPoint
// 0 0
void risingEdge(PinEvent event) {
//
if (event.target.number == gainer.analogInput[0]) {
//
brightness = 255;
}
}
// 0 0
void fallingEdge(PinEvent event) {
//
if (event.target.number == gainer.analogInput[0]) {
//
brightness = 0;
}
}

Jamming Gear

• LED IC
• LED IC
•

Voltage regulator
3 2
(15kΩ)
4
Amp
5 1
GP1A53HRJ00F

Jamming Gear
• 1
• 2
• 2

1 1

Jamming Gear
10 1 06 RotaryEncoder1
import processing.funnel.*;
Gainer pepper;
int count = 0;
void setup() {
...
pepper = new Gainer(this, Gainer.MODE1);
pepper.analogInput(0).addFilter(new SetPoint(0.5, 0.1));
}
void fallingEdge(PinEvent event) {
if (event.target.number == pepper.analogInput[0]) {
count++;
}
}

1 2

1 2

Jamming Gear
11 2 07 RotaryEncoder2
void setup() {
...
pepper = new Gainer(this, Gainer.MODE1);
pepper.analogInput(0).addFilter(new SetPoint(0.5, 0.1));
pepper.analogInput(1).addFilter(new SetPoint(0.5, 0.1));
}
void fallingEdge(PinEvent event) {
if (event.target.number == pepper.analogInput[0]) {
if (pepper.analogInput(1).value == 1) {
count--;
} else {
count++;
}
}
}

Jamming Gear
12 2 08 RotaryEncoder3
// ain 0 ain 1
//
void ridingEdge(PinEvent event) {
if (event.target.number == pepper.analogInput[0]) {
if (pepper.analogInput(1).value == 0) {
count--;
} else {
count++;
}
}
}

•
–
–
– USB
• Pepper
• 2000
• mtm03@funnel.cc

Make: Tokyo Meeting 03
Jamming Gear
[IAMAS] [IAMAS]
2009 5 23 24