トーキョー建築トリップ建築のミカタを知る、考える、体験する。前回「【メディアアート超入門】Processingによるメディアアート製作記録」の2回目です。ここからは具体的にビジュアルプログラミングProcessingを使った作品作成の過程を紹介していきたいと思います。■そもそもProcessingって?Processingは「Java」と呼ばれるプログラミング言語をベースに開発されたオープンソースのプログラミング言語です。グラフィック機能に特化することでデジタルアートやビジュアルデザインでよく使われています。Processing自体は以下のサイトから無料でダウンロード・利用することができます。以下がProcessingの起動した画面です。ここにどういったビジュアルを描きたいのかの指令を描いて実行をすると下の様な結果が表示されます。はじめに描画するキャンパスのサイズや線うや図形の色、太さを決めます。そこに画面の半分の位置(画面の中心)に半径250のellipse(円)と画面の中心から100離れたところに始点と終点がある線を描くというプログラムです。(プログラムをやったことない人は難しく考えずそういうものかなー程度で見ていただいて大丈夫です)このような命令をスケッチと呼ばれる白い画面に書いていくことで、様々な図形や文字を出力することができます。繰り返しを使うことで動画やウェブカメラを使ったビジュアル表現を簡単に(?)つくることができるのです。150);//文字の内容,中心のX座標,中心のY座標これで300ピクセル×300ピクセルの画面の中心(150ピクセルの場所)に文字が書かれます。指定した位置は文字の左端になるようです。改造して文字が表示される位置をランダムにしてみます。「random(300)」は300以内の数字でランダムな数字を出力するProcessingの関数です。これで一回だけですが、実行するたびにランダムな位置に文字を描きだすプログラムが完成しました。//画像を読み込みこれで画像が取り込めます。(実家の猫です)これもちょっと改造して、画像のカーソルを合わせた位置の色情報を取得して画面の左上の四角形に描画するようにしてみます。これでも20行ほどのコードでできてしまいます。長くなったので今回はこれでおしまいにします。次回(少々お待ち下さい)は実際の作品をもとに製作過程をアップしたいと思います。ウェブカメラをジャックする【プログラミング】メディアアート超入門の第5回目は、前回のウェブカメラを扱った応用です。前回はProcessingを使ってウェブカメラで撮影しているライブ動画の任意の場所の色情報を取り出す、ということを行いました。ウェブカメラを取り込む【プログラミング】メディアアート超入門の第4回目は、ウェブカメラを扱ってみたいと思います。続き第3回目では、実際に製作した作品の思考・製作過程を見ていきたいと思い...メディアアート超入門記録Processingによるメディアアート製作記録【プログラミング】ここでは建築案内とは別に、去年末から独学で勉強し始めたビジュアルプログラミングへの挑戦をまとめたいと思います。僕は大学では建築を専攻していましたので、プログラミングは全くの門徒外。本当に素人同然の状態から始めています。作品:机上の江戸【プログラミング】メディアアート超入門の第6回目は、いよいよ前回までのウェブカメラを使ったプログラムを仕上げて「机上の江戸」ができるまでを見ていきたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。画像を取り込む【プログラミング】スポンサーリンクプロフィールyamakenlabやまけんと申します。トーキョー建築トリップ.タイトルとURLをコピーしました。