yoppa.org


SFC – デザインとプログラミング 2018

第12回: 最終課題のヒント2 – Patatapを作ってみる

Ptatap

前回に引き続き、最終課題「インタラクションを表現する」のヒントになりそうなトピックスを紹介します。

Patatap (https://patatap.com/) はとてもシンプルなインタラクションで構成された作品です。キーボードを操作すると、それぞれのキーにシンプルなアニメーションが割り振られていて、同時にサンプリングされたサウンドが鳴るようになっています。仕組みはとても単純なのですが、キーボードをリズムにあわせてタイピングすることで音と映像が同期して、まるでVJのパフォーマンスをしているような気分を味わえます。キーボードの組み合わせは無限にあるので、いつまでも飽きることがありません。

今回は、p5.jsをつかって、このPatatapのようなインタラクションを作るにはどうすれば良いのか考えていきます。

スライド資料

サンプルプログラム