2016年5月11日

0からはじめるProcessingプログラミング教室

平成29年4月に開設予定の新しい学科・アートサイエンス学科(仮称)
大阪芸術大学のホームページなどでも紹介されていますので、すでにご存知の方も多いかと思いますが、今回は改めて新学科についてご紹介します。

今、先端テクノロジーを活かした新しいアート表現やデザイン製品、斬新なサービスが次々と生まれていますよね。
例えば、近年よく目にするプロジェクションマッピングや、映像と音楽・身体表現が融合したライブパフォーマンス、暮らしに役立つロボット、スマートフォンなどで使える新感覚のアプリケーションなど…
それらはまさに、アートとサイエンスが融合して生まれたもの!
アートサイエンス学科(仮称)では、文系・理系・芸術系の枠にとらわれない自由な発想と取り組みで、先端テクノロジーを使って新たな形にするまでのスキル、知識、実践のすべてを身につけることができるんです!

「興味はあるけど…なんだか難しそう」
そう思われる方も多いのではないでしょうか。

IMG_0973 IMG_1025

そんな人でもすぐにプログラミングに親しめるワークショップが、5月5日(木・祝)に大阪芸術大学スカイキャンパスで行われました!
中高生と高校の先生方を対象にして開かれた今回のワークショップのタイトルは、「0からはじめるProcessingプログラミング教室」。

「Processing」とは、電子アートとビジュアルデザインのためのプログラミング言語で、環境言語Javaをベースに初心者でもわかりやすくプログラミングを行うことができます!

講師を担当されたのは、アートサイエンス学科(仮称)の学科長就任予定で現在は教養課程主任教授である武村泰宏先生です。
最初に先生が紹介されていた”プログラミングがよくわかるマンガ”が明快だったので、その内容を簡単に紹介しますね。

IMG_1005 IMG_0990

1.魔法使いのモモさんは、日曜日の朝にはいつも花壇に水をやり、布団を干し、おやつの時間の前に布団を取り込んでいます。
2.モモさんが家を留守にするので、テディベアのクマオに「出かけている間に花壇に水をやって布団をほしておいてね」という呪文をかけます。
3.すると、当日は雨で干した布団がびちゃびちゃ!クマオは指示されたことはできても、「雨が降ったら布団を取り込む」など考えて行動することはできないのです。

ここで必要なのは、「もし雨が降ってきたら」などあらゆる場合を考えた『条件』を伝えること!
なので、クマオに伝える呪文は…

「午前9時に、もし雨が降っていないなら花壇に水をやってね。
 午前10時に、もしお日様が出ていたら布団を干してね。
 もし雨が降ってきたら布団を取り込んでね。
 そうでない場合は、午後3時になったら布団を取り込んでね。」

こうしていろんな『条件』を伝えて、自分以外のものを、自分がいなくても思った通りに動くようにするのが、まさしくプログラミングなんですって!

IMG_1064
さて、「Processing」では、呪文の変わりにこんなステートメント(構文)を使ってプログラミングを行います。

size(200,150);

「size」は「ウインドウのサイズを指定しますよ」という指示で、「200」が横幅・「150」が縦幅のピクセル数を表し、「;」は文章の最後につけます。

ウインドウの位置を表すx座標とy座標を使って、好きな場所に図形も描くことができるんです!

点を描くときは「point(x,y)」、直線は「line(x1,y1,x2,y2)」、長方形は「rect(x,y,width,height)」(widthとheighは図形の横幅と高さ)、楕円なら「elipse(x,y,width,height)」でできるんですよ。

さらには色を指定したり、境界線の太さなど、どんどん複雑な指示を出して思い通りの図形をつくることができるんです。
参加者たちも、こんな円を作ることに成功しました!

IMG_1038 IMG_1045

そして、先ほどのクマオへの呪文にもあったように、プログラミングに重要な「ある条件が満たされたときだけ特定の処理を行う」あるいは「条件が満たされない場合に処理を行う」などという『条件』を伝えることために、
「if」文や「else」文というものを使ったり、さらには繰り返し(ループ)などさまざまな指示を加えると…

IMG_1074 IMG_1081

お絵かきツールが完成しました!!
これは、指定した色・サイズの円を、マウスを左クリックした時だけ連続して描き、そしてマウスから手を放すと描くのをやめる、という指示でできているんです。
さらにはペンの色や太さを変えるパレットを作ったり、消しゴムだってできちゃうんですよ。

私たちが普段使っているペイントやPhotoshopなどの原型で、複雑な指示を与えることでいろんな描画表現ができるようになっているんですね。

参加者全員、とっても楽しそうにプログラミングを行っていました!!

IMG_1094
5月22日(日)の大阪芸術大学オープンキャンパスでは、アートサイエンス学科(仮称)の授業が体験できるプログラムが多数用意されています!!
気になる方は、ぜひオープンキャンパスにもお越しくださいね。

投稿:島田(企画広報部事務室)