1. 教室 #5
2013.05.19

2. 自己紹介
• 田所淳 (たどころ あつし)
• クリエイティブ・コーダー
※ 最近「インフォダンサー」から改名
• 大学非常勤講師など

3. yoppa.org
http://yoppa.org

4. openFrameworks
クリエイティブコーディングのための
オープンなフレームワーク

5. OpenGL GLUT FreeImage FreeType
fmod RtAudio QuickTime OpenCV
main.cpp
testApp.h testApp.cpp
ofSimpleApp, ofGraphics, ofImage, ofTrueTypeFont,
ofVideoPlayer, ofVideoGrabber, ofTexture,
ofSoundPlayer, ofSoundStream, ofSerial, ofMath,
ofUtils ...etc.
開発のための「糊」

6. Beyond Interactoin
BNN, Inc. 2010

7. 特報!!
Beyond Interaction［2nd edition］
̶クリエイティブ・コーディングのための
openFrameworks実践ガイド（仮）
予価：3,000円＋税
発売予定日：6月27日
現在鋭意制作中!!

8. 超豪華メンバーが集結!!
maxilla
早坂あきら
清水基
大西義人
堀 宏行(rhizomatiks)
比嘉了 (rhizomatiks)
緒方壽人(takram)
久保田晃弘
Memo Akten
Kyle McDonald
Zachary Lieberman

9. 内容詳細は、
後程、齋藤あきこさんから

10. まだ制作中ですが…
中身をちら見せ

11. 余談:
書籍制作にGitHubは使える!!

12. Githubで原稿を管理・進行

13. 話題その2：
Resonateに行ってきた!

14. Resonate
• Bringing together artists to drive a
forward-looking debate on the
position of technology in art and
culture.
• アートとカルチャーにおけるテクノロジーの
役割について、 アーティストが集まって前向
きな議論しよう!!

15. Resonate
• 2012年から開催(今回で2回目)
• 世界中から、アーティスト、デザイナー、
ミュージシャン、研究者が集結
• 2013.3.21 - 23の3日間
• 16のワークショップ
• 38のレクチャー
• 6つの上映会
• 8つのパフォーマンス

16. Creatice Applications Network
http://creativeapplications.net/
Filip Visnjic氏による企画

17. チケットについてつぶやいたら…

18. なんとFilipさん本人からDMが!!

19. •開催地は…
•ベオグラード(セルビア)!!
←ココ

20. 行ってみたら平和な街でした

21. 10:00 10:00
16:00 16:00
onedotzero_resonate
Meet and Greet
A chance to meet
speakers and ask
questions over a nice
drink at the bar
Meet and Greet
A chance to meet
speakers and ask
questions over a
nice drink at the bar
Meet and Greet
Meet and Greet
A chance to meet
speakers and ask
questions over a nice
drink at the bar
R2013 Screening and
Panel Discussion
Memo Akten /
Rainer Kohlberger /
Eno Henze /
Shane Walter (chair)
Workshops
16 Workshops in
and around Ameri-
cana hall. Visitors
are welcome to
look around, listen
in and even join
some.
World Views
Moritz Stefaner
World Views
Moritz Stefaner
Embedding Meaning
Evan Boehm
Brave New Now
Liam Young
Fused And Confused
– On The Role Of
Research In Design
Studio NAND
Life Away From
Keyboard
Kyle McDonald
#printisdead – or is it?
Alexander Scholz /
Greg J. Smith / Sherry
Kennedy (HOLO)
Why Robot: Speculative
design, the domestica-
tion of technology
James Auger
Keyboard Sloyd - The
Joy of Text-Mode
Raquel Meyers
Postponed
The Machine Body
Cohen Van Balen
Speculative
Everything
Anthony Dunne
Building by Doing -
Visually guided design
in TouchDesigner
Markus Heckmann /
Barry Threw
The Tower of Babel
Karsten Schmidt
Digital Salad
Alain Bellet (ECAL)
Expressive Interfaces
Auriea Harvey /
(Tale of Tales)
Blurring Boundaries
Camille Scherrer (HEAD)
Trying to Understand
the Nature of Reality
Memo Akten
Primitive Complexity
Zimoun
Get Physical
Joachim Sauter
Computing Reality
Ivan Poupyrev
Nondisciplinary -
Practice, Theory,
Education
David Gauthier (CIID)
Press Play
Andreas Müller /
Florian Schmitt
New Interactions in
Games
Spaces of Play
Interactive Perfor-
mances and Body
Projection Mapping
Klaus Obermaier
The Soft Studio
Casey Reas
The Disposition
Matrix
James Bridle
Let’s Talk About Play
Zach Gage
Blobs, Glyphs and
Other Madeleines
Golan Levin
Tools or Instruments?
Karsten Schmidt /
Raquel Meyers /
Greg Hermanovic /
Greg J. Smith (chair)
Coding Narratives
Evan Boehm /
Auriea Harvey /
/
Shane Walter (chair)
Design Fiction:
Provocations &
Pedagogy
Golan Levin /
Anthony Dunne /
Liam Young /
Greg J. Smith (chair)
Interaction and
Performance
Klaus Obermaier /
Joachim Sauter /
Eno Henze /
Joanne McNeil (chair)
Surveillance and
Transparency
James Bridle /
Kyle McDonald /
Joanne McNeil (chair)
Workshops
16 Workshops in
and around Ameri-
cana hall. Visitors
are welcome to look
around, listen in and
even join some.
Between hires
and realtime, from
generative design to
manufacturing
Jose Sanchez
Data Art with Plask
and WebGL
Marcin Ignac
Unity: As a Tool for
Non-Games
Mike Tucker
Generative Design –
The Book
Julia Laub
An Autonomous
Synthesis
Dmitry Morozov
Workshops
Datatainment
Signal | Noise
Performing with IRIS
Eno Henze
Urban Prototyping
Josette Melchor
60 frames per
second vs. 72,000
frames per year
FIELD
Schedule is subject to change. All seats are first come first serve. Arrive early. Registrations / pass collection starts on Wednesday 20th March at 5pm. Workshop Screening Talk PerformancePanel
Design, Tech, and
Architecture for
Large Scale Projection
Mapping
Lucas Werthein
Main Hall Main Hall
Main Hall Main Hall
Main Hall
Main Hall
Americana Americana
Americana Americana
Americana
Americana
Club Club
Club Club
Club
Club
17:00 17:00
18:00 18:00
1900 1900
21:00 21:00
22:00 22:00
23:30 23:30
Valens Resonate Special Project (Location: Building Kluz)
Dinky (Location: Building Kluz)Pantha du Prince
Belgrade Presents (Location: Central Belgrade)
Special selection of Belgrade bars and clubs for you to explore.
Look out for separate leaflet.
Mouse on Mars
Marko Nastic and Friends (Location: Building Kluz) Monosaccharide (Location: Building Kluz)
11:00
11:40
12:20
12:30 12:30
13:15 13:15
11:45
11:45
10:20
14:10
16:50 16:50
17:35 17:35
18:20 18:20
16:40
17:20
17:45
18:40
11:00
12:00 12:00
13:00 13:00
14:00 14:00
15:20 15:20
R2013
Resonate 2013
Participating Artists
Screening
16:00
17:00
18:00
1900
22:00
01.00
03:00
10:00
11:00
12:00
13:00
14:00
15:20
21/03/13
THURSDAY
22/03/13
FRIDAY
23/03/13
SATURDAY
The Centrifuge
Brain Project
Indie Game -
The Movie
BREAK
BREAK BREAK BREAK
BREAK BREAK
Meet and Greet
Meet and Greet
タイムテーブル

22. 10:00 10:00
16:00 16:00
onedotzero_resonate
Meet and Greet
A chance to meet
speakers and ask
questions over a nice
drink at the bar
Meet and Greet
A chance to meet
speakers and ask
questions over a
nice drink at the bar
Meet and Greet
Meet and Greet
A chance to meet
speakers and ask
questions over a nice
drink at the bar
R2013 Screening and
Panel Discussion
Memo Akten /
Rainer Kohlberger /
Eno Henze /
Shane Walter (chair)
Workshops
16 Workshops in
and around Ameri-
cana hall. Visitors
are welcome to
look around, listen
in and even join
some.
World Views
Moritz Stefaner
World Views
Moritz Stefaner
Embedding Meaning
Evan Boehm
Brave New Now
Liam Young
Fused And Confused
– On The Role Of
Research In Design
Studio NAND
Life Away From
Keyboard
Kyle McDonald
#printisdead – or is it?
Alexander Scholz /
Greg J. Smith / Sherry
Kennedy (HOLO)
Why Robot: Speculative
design, the domestica-
tion of technology
James Auger
Keyboard Sloyd - The
Joy of Text-Mode
Raquel Meyers
Postponed
The Machine Body
Cohen Van Balen
Speculative
Everything
Anthony Dunne
Building by Doing -
Visually guided design
in TouchDesigner
Markus Heckmann /
Barry Threw
The Tower of Babel
Karsten Schmidt
Digital Salad
Alain Bellet (ECAL)
Expressive Interfaces
Auriea Harvey /
(Tale of Tales)
Blurring Boundaries
Camille Scherrer (HEAD)
Trying to Understand
the Nature of Reality
Memo Akten
Primitive Complexity
Zimoun
Get Physical
Joachim Sauter
Computing Reality
Ivan Poupyrev
Nondisciplinary -
Practice, Theory,
Education
David Gauthier (CIID)
Press Play
Andreas Müller /
Florian Schmitt
New Interactions in
Games
Spaces of Play
Interactive Perfor-
mances and Body
Projection Mapping
Klaus Obermaier
The Soft Studio
Casey Reas
The Disposition
Matrix
James Bridle
Let’s Talk About Play
Zach Gage
Blobs, Glyphs and
Other Madeleines
Golan Levin
Tools or Instruments?
Karsten Schmidt /
Raquel Meyers /
Greg Hermanovic /
Greg J. Smith (chair)
Coding Narratives
Evan Boehm /
Auriea Harvey /
/
Shane Walter (chair)
Design Fiction:
Provocations &
Pedagogy
Golan Levin /
Anthony Dunne /
Liam Young /
Greg J. Smith (chair)
Interaction and
Performance
Klaus Obermaier /
Joachim Sauter /
Eno Henze /
Joanne McNeil (chair)
Surveillance and
Transparency
James Bridle /
Kyle McDonald /
Joanne McNeil (chair)
Workshops
16 Workshops in
and around Ameri-
cana hall. Visitors
are welcome to look
around, listen in and
even join some.
Between hires
and realtime, from
generative design to
manufacturing
Jose Sanchez
Data Art with Plask
and WebGL
Marcin Ignac
Unity: As a Tool for
Non-Games
Mike Tucker
Generative Design –
The Book
Julia Laub
An Autonomous
Synthesis
Dmitry Morozov
Workshops
Datatainment
Signal | Noise
Performing with IRIS
Eno Henze
Urban Prototyping
Josette Melchor
60 frames per
second vs. 72,000
frames per year
FIELD
Schedule is subject to change. All seats are first come first serve. Arrive early. Registrations / pass collection starts on Wednesday 20th March at 5pm. Workshop Screening Talk PerformancePanel
Design, Tech, and
Architecture for
Large Scale Projection
Mapping
Lucas Werthein
Main Hall Main Hall
Main Hall Main Hall
Main Hall
Main Hall
Americana Americana
Americana Americana
Americana
Americana
Club Club
Club Club
Club
Club
17:00 17:00
18:00 18:00
1900 1900
21:00 21:00
22:00 22:00
23:30 23:30
Valens Resonate Special Project (Location: Building Kluz)
Dinky (Location: Building Kluz)Pantha du Prince
Belgrade Presents (Location: Central Belgrade)
Special selection of Belgrade bars and clubs for you to explore.
Look out for separate leaflet.
Mouse on Mars
Marko Nastic and Friends (Location: Building Kluz) Monosaccharide (Location: Building Kluz)
11:00
11:40
12:20
12:30 12:30
13:15 13:15
11:45
11:45
10:20
14:10
16:50 16:50
17:35 17:35
18:20 18:20
16:40
17:20
17:45
18:40
11:00
12:00 12:00
13:00 13:00
14:00 14:00
15:20 15:20
R2013
Resonate 2013
Participating Artists
Screening
16:00
17:00
18:00
1900
22:00
01.00
03:00
10:00
11:00
12:00
13:00
14:00
15:20
21/03/13
THURSDAY
22/03/13
FRIDAY
23/03/13
SATURDAY
The Centrifuge
Brain Project
Indie Game -
The Movie
BREAK
BREAK BREAK BREAK
BREAK BREAK
Meet and Greet
Meet and Greet
タイムテーブル
• 1日目はワークショップ
• 2、3日目はレクチャーとトーク
• 夜は3日間ともライブパフォーマンス

23. • 会場は巨大なホール
• 全てのワークショップが、同じ会場で同時並
行で会場のあちこちで開催
• みんなが声を張り上げるので講師の人が大変
• なぜか会場の片隅でDJもやってた(うるさい)
ワークショップ

44. • ワークショップは全部で16個
• ネットで事前申し込み
• 現在の「クリエイティブ・コーディング」の
盛り上りを感じる興味深いものばかり
• ざっと紹介
ワークショップ

45. • PRINTSHOP WITH PROCESSING
• Andreas Gysin (ECAL)
• Processingで印刷製品をつくるためのワー
クフロー
• Tシャツ作ってた
ワークショップの内容

46. • CUTOUT STOP MOTION
• Natalie Melville & Aimée Campos
• コマ撮りアニメーションを、ひたすら地味に
制作
ワークショップの内容

47. • COMPUTER VISION IN INTERACTIVE
ARTS
• Golan Levin, Kyle McDonald
• openFrameworksとコンピュータビジョ
ン(OpenCV)をつかって、インタラクション
するためのワークショップ
• 大人気!!
ワークショップの内容

48. • AUDIO REACTIVE MAPPING WITH
TOUCHDESIGNER
• Derivative
• TOUCHDESIGNERというアプリを使用し
て、プロジェクションマッピングを実践
• 会場の角で黙々とやってた
ワークショップの内容

49. • OPENFRAMEWORKS ON THE
RASPBERRY PI
• Andreas Müller and Jason Van
Cleave
• Raspberry Pi でopenFramworksを動か
すノウハウを伝授
• センサーとの連携などもやっていた
ワークショップの内容

50. • MOTORS & MUSIC
• David Gauthier, Jakob Bak
• 参加しました!!
• 独自に開発したArduino互換ボードにモー
ターやカーテンレール、HDDの残骸なんか
と取り付けて楽器を作ろう!!
ワークショップの内容

55. • HOW I LEARNT TO STOP WORRYING
AND LOVE THE DRONES
• Memo Akten / Marshmallow Laser
Feast
• AR Droneを実際に複数台飛ばしながら、
openFrameworksでコントロール
• 会場奥で網の中で仕切られたAR Droneが飛
び交って、めちゃくちゃ楽しそうだった!!
ワークショップの内容

56. • REAL / UNREAL
• Camille Scherrer (HEAD) and
Matthieu Cherubini
• AR系のインスタレーションをつくる
• カスタムに作成されたAR作成アプリ使用
ワークショップの内容

57. • SENSING TOUCH: INTRODUCTION TO
CAPACITIVE AND ELECTRICAL FIELD
SENSING
• Ivan Poupyrev, Jonas Loh
• 日用品(やかんとか!)にタッチセンサーをつけ
て全てをタッチデバイスへ!
• Arduino + Processingでやってた
ワークショップの内容

58. • IMAGINING MUSIC, VISUALLY AND
TANGIBLY, WITH FREE TOOLS
• Peter Kirn
• PureDataをProcessingでオーディオビ
ジュアルな作品をつくる!
ワークショップの内容

59. • (DO (FN [WITH] LIVE-CODING))
• Karsten Schmidt
• Java virtual machineで動くLispを使用
してライブコーディング!
• 参加者(の見た目)いちばんギーク感高かった
• ひたすらコーディング、コーディング!
ワークショップの内容

60. • INTRO TO BUILDING IPHONE GAMES
WITH OPENFRAMEWORKS
• Zach Gage
• openFramworks for iPhoneでゲームを
作ろう!!
• こちらは中級者向けくらいな感じ
• 楽しそう!
ワークショップの内容

61. • Processing、openFramworks、
Arduino、PureData は共通言語!!
• どれかマスターしていれば、会場で友達がで
きる(ただしプログラマー)
• 思っていたより、女性もいる (6:4くらい)
• みんな親切!!
• 日本人がいない…
ワークショップを受けてみて

62. 来年も開催されたら、
有志を募って参加しましょう!!
ワークショップを受けてみて

63. レクチャー

64. • 最後に印象に残ったレクチャーをスライド形
式でパラパラと
レクチャー

65. Memo Akten + Rainer Kohlberger
+ Eno Henze

66. Memo Akten + Rainer Kohlberger
+ Eno Henze

67. Memo Akten + Rainer Kohlberger
+ Eno Henze

68. HOLO Magazine

69. Andreas Müller (nanikawa)
+ Florian Schmitt (HiReS!)

70. Kyle McDonald

71. Zimoun

72. Casey Reas

73. Casey Reas

74. Casey Reas

75. Casey Reas

76. Casey Reas

77. Casey Reas

78. Casey Reas

79. Casey Reas

80. Joachim Sauter (ART+COM)

81. Joachim Sauter (ART+COM)

82. Joachim Sauter (ART+COM)

83. Joachim Sauter (ART+COM)

84. Joachim Sauter (ART+COM)

85. まとめ
• Resonateに行くと…
• メディア・アートの神々に会える!!