インタラクティブアート木曜日授業記録

[idd-interactive-art]

音量をダイレクトにサーボの角度へ

#include <Servo.h> Servo myservo;

//センサーから読み取った値を格納するための変数。0〜1023までの整数が入ってくるから int型で宣言 int val1 = 0;

void setup() {  //シリアルモニタで値の変化を確認するため、Serial.beginでシリアル通信つかうよ宣言  //115200は通信速度の設定  Serial.begin(115200);  //Arduinoの表面についてるLEDが13番ピンに接続されていて、それをアウトプットで使うよという宣言  pinMode(13,OUTPUT);  myservo.attach(3);  // 3番のピンをサーボに使う }

void loop() {    //arduinoのA0番ピンの値を読んで、val1に格納するよという意味    val1 = analogRead(A0);    //マイクセンサーは、2.5vを中心に波の形の変化をする。    //で、analogRead()は0〜1023（0v〜5vの電圧変化）なので、真ん中の512を引いて、    //その値の差=音量を取得する。普通に引き算するだけだと、マイナスの負の値も    //出てくるので、abs()で絶対値に変えて、val1に再び格納しなおす。    val1 = abs(512-val1);    //

   int s_angle = map(val1,0,300,10,180); //センサーの値を、そのままサーボの角度に変換する    myservo.write(s_angle);

   Serial.println(val1);

   //analogRead()を使う場合、少しdelay()で待ち時間を設けると値が安定する。    delay(10); }

[idd-interactive-art]

ユニバーサル基板でオリジナルなシールドを作ってみる

さっきのマイクモジュール+サーボの回路を動作させるために、ユニバーサル基板でオリジナルなシールドを作ってみる。

ブレッドボードは一応、回路の試作用のものなので、ちゃんとユニバーサル基板で回路を組んでみる。ユニバーサル基板で回路を組むメリットとしては

基板が安い（1枚50円〜）

回路上のノイズが減る

ブレッドボードみたいにワイヤが抜けたりしない

好きなサイズに切ったりできる

あと、QIコネクタというコネクタを使って部品の抜き差しができるようにすると便利なので、そうしてみる。QIコネクタについては、以下を参照

http://idd-kineticart.tumblr.com/post/144199040225/

実際に実装すると以下のようになる。ブレッドボード上の回路と見比べてみよう。

使った部品は以下の通り

ピンヘッダ

（Arduinoに刺す側は、授業では長い足のものを使用したが、普通の長さのでも黒い樹脂をスライドさせて長さを稼いで使用してもよい）

http://akizukidenshi.com/catalog/g/gC-00167/

DCジャックDIP化キット（上の写真では使用していない）

http://akizukidenshi.com/catalog/g/gK-05148/

ユニバーサル基板

http://akizukidenshi.com/catalog/g/gP-03229/

QIコネクタ（雄・雌ピンとハウジング各種）

https://www.sengoku.co.jp/mod/sgk_cart/search.php?cid=3380

[idd-interactive-art]

マイクモジュールからの信号をトリガーにサーボモーターを動かす

ブレッドボードの回路は以下のように。

サーボの電源は、1個であればArduinoからの5Vでも動作するが、マイクモジュールと併用するとマイクからの信号にノイズが乗るため、今回は外部から電源を供給する。

コードは例えば以下のように。

ちなみにServo.hライブラリを使うと、最大12個のサーボが制御できるとのこと。

#include <Servo.h> //サーボを使うためのライブラリの読み込み Servo myservo; //サーボをアサインするための準備

//センサーから読み取った値を格納するための変数。0〜1023までの整数が入ってくるから int型で宣言 int val1 = 0;

void setup() {  //シリアルモニタで値の変化を確認するため、Serial.beginでシリアル通信つかうよ宣言  //115200は通信速度の設定  Serial.begin(115200);  //Arduinoの表面についてるLEDが13番ピンに接続されていて、それをアウトプットで使うよという宣言  pinMode(13,OUTPUT);  myservo.attach(3);  // 3番のピンをサーボに使う

}

void loop() {    //arduinoのA0番ピンの値を読んで、val1に格納するよという意味    val1 = analogRead(A0);    //マイクセンサーは、2.5vを中心に波の形の変化をする。    //で、analogRead()は0〜1023（0v〜5vの電圧変化）なので、真ん中の512を引いて、    //その値の差=音量を取得する。普通に引き算するだけだと、マイナスの負の値も    //出てくるので、abs()で絶対値に変えて、val1に再び格納しなおす。    val1 = abs(512-val1);    //      if(val1 > 80){ // 音量の値が80を超えたら        // 13番のピンの電圧を上げる。つまりLEDが点灯する。      digitalWrite(13,HIGH);      myservo.write(100); //サーボを100度に      delay(100); //少し待つ

   }else{      // 音量の値が80以下だったら、13番のピンの電圧を下げる。つまりLEDを消灯する。      digitalWrite(13,LOW);      myservo.write(10);//サーボを10度に    }      Serial.println(val1);

   //analogRead()を使う場合、少しdelay()で待ち時間を設けると値が安定する。    delay(10); }

[idd-interactive-art]

マイクモジュールを使って音量を取得してみる

使うモジュールは、秋月の高感度マイクアンプキット

http://akizukidenshi.com/catalog/g/gK-05757/

回路図は以下のように。

VCC = 電源（Arduino の5Vに接続）

GND = グラウンド（ArduinoのGNDに接続）

OUT = 電圧の出力（Arduinoのアナログインのピンに接続。今回はA0）

コードはひとまず以下のように。マイクの入力が一定以上になると、Arduino表面についている13番のLEDが点灯する。

//センサーから読み取った値を格納するための変数。0〜1023までの整数が入ってくるから int型で宣言 int val1 = 0;

void setup() {  //シリアルモニタで値の変化を確認するため、Serial.beginでシリアル通信つかうよ宣言  //115200は通信速度の設定  Serial.begin(115200);  //Arduinoの表面についてるLEDが13番ピンに接続されていて、それをアウトプットで使うよという宣言  pinMode(13,OUTPUT); }

void loop() {    //arduinoのA0番ピンの値を読んで、val1に格納するよという意味    val1 = analogRead(A0);    //マイクセンサーは、2.5vを中心に波の形の変化をする。    //で、analogRead()は0〜1023（0v〜5vの電圧変化）なので、真ん中の512を引いて、    //その値の差=音量を取得する。普通に引き算するだけだと、マイナスの負の値も    //出てくるので、abs()で絶対値に変えて、val1に再び格納しなおす。    val1 = abs(512-val1);    //    if(val1 > 80){ // 音量の値が80を超えたら    // 13番のピンの電圧を上げる。つまりLEDが点灯する。      digitalWrite(13,HIGH);    }else{      // 音量の値が80以下だったら、13番のピンの電圧を下げる。つまりLEDを消灯する。      digitalWrite(13,LOW);    }

   //Serial.println(val1);    //analogRead()を使う場合、少しdelay()で待ち時間を設けると値が安定する。    delay(5); }

[idd-interactive-art]

メディアアートおみくじをやってみる

かつて、水野渚というメ芸の卒業生が作った、メディアアートおみくじというwebサイトがあった。そこでは、ランダムに「入力」「処理方法」「出力」を選んで文章を生成することができた。例えば、

「SUICAで移動した軌跡を取得して、 JITTERで制御して、 CPUファン使って飛ばす 、みたいな作品を 」という文章ができる。

サイト自体は消滅していて、初期のデータベースだけ残っていた。

http://web.archive.org/web/20100717174349/http://www.iamas.ac.jp/~ngs08/mediaartomikuji/array.php

この方法をアレンジして「入力」と「出力」の偶然の組み合わせを作ってみる。

入力は、「〇〇（事物の名称）の（熱、光、音、高さなどの属性）を」

出力は「××として表示する」みたいに、

2つのカードに書いて、みんなの書いたカードをシャッフルしてランダムに選んで、組み合わせてみる。そして、その組み合わせたものがどんな作品かを想像して話し合ってみる。

参考

ウィリアム・S・バロウズのカットアップ

面雀

https://www.youtube.com/watch?v=6ZpmTxKj4Ws

[idd-interactive-art]

いくつかの例

先週矢坂さんの授業で紹介していた、

「たにぐち部長の美術部3D メディアアート編」

http://okikata.org/☃/bibu3d/

マンガでも読める

http://okikata.org/buchou_manga_s/

David bowen

wind drawing device http://www.dwbowen.com/wind-drawing-device 風をドローイングに

fly tweet http://www.dwbowen.com/flytweet ハエがtweetする

cloud piano http://www.dwbowen.com/cloud-piano 雲の分布をピアノへ

藤幡正樹

電気椅子、あるいはTV

http://www.fujihata.jp/e_chair09/

http://www.fujihata.jp/e_chair09/EC_320.mov

僕の作品から

置き方

http://okikata.org/☃/okikata/

思い過ごすものたち

http://okikata.org/☃/omoisugosu/

物的証拠

http://okikata.org/☃/physicalevidence/

取れた銀歯は、舌でその穴の深さを測り、食べた米で穴を埋める。

http://okikata.org/☃/toregin/

[idd-interactive-art]

考えたいこと

狭義の意味でのインタラクティブアートは、鑑賞者の何らかの働きかけによって、作品が変化し、鑑賞体験が変化していく作品。

作品が完成され、静的な状態にあるものを鑑賞者が受け手として鑑賞するという関係ではなく、より積極的に作品に関与し、ともに作品をかたちづくる。

そうした積極的な鑑賞者・読者の役割について指摘しているものとして、ウンベルト・エーコの「開かれた作品」

http://www.amazon.co.jp/dp/479176594X/

これまで、コンピューターのインタラクティブなインターフェースを用いてインタラクティブに反応するような作品が多く生み出されてきていて、それは鑑賞者⇄作品という関係。

これを少し拡大解釈して、働きかけを行う主体が鑑賞者じゃなくてもいいと思う。つまり、ある現象を、別の現象へ変換したり、翻訳することと考えたい。

コンピューターはあらゆる現象を数値として扱う。だからそれは原理的には相互に変換、翻訳可能。

A→変換機→B

AとBを同一のものとして扱ったり、AからBへの変化、AとBをつなげる糊のようなものとしてコンピューターを使う。コンポジションのための素材。

様々な現象を、すべて数値として扱うことで異なる現象同士をつなげることができる、糊のようなものとしてのコンピューター。

[idd-interactive-art]

インタラクティブアート木曜日 第1回

この授業でやること

インタラクティブ・アートは、鑑賞者が関与することで、相互作用的に作品自体や鑑賞体験が変化していく作品だ。 このワークショップでは、光センサー、距離センサーなど各種センサーや、カメラやマイクといった基本的な入力デバイスの扱い方を学び、 周囲の環境の変化や現象に反応し、インタラクティブに変化する作品を制作する。 たんに鑑賞者のふるまいに反応するといった狭義のインタラクションに限らず、ある現象を、全く別の現象と結びつける糊のようなものとして各種センサーやプログラミングの特製を扱う。 また、そうして出来たインタラクティブな構造全体や関係性から生まれる質感や意味を検討していく。

シラバスより