SFC – デザインとプログラミング 2024
最終課題へ向けて! – Patatapを作る!
この講義「データ構造とアルゴリズムでは」変数と定数、反復、乱数、論理式と条件文、アニメーションとベクトル、配列の操作、関数、そしてオブジェクト指向プログラミングと様々なトピックスを扱ってきました。最終課題はこれらの内容を総動員して、Patatap (https://patatap.com/) のようなインタラクティブなオーディオビジュアル作品をp5.jsで制作します。
Patatapはとてもシンプルなインタラクションで構成された作品です。キーボードを操作すると、それぞれのキーにシンプルなアニメーションが割り振られていて、同時にサンプリングされたサウンドが鳴るようになっています。仕組みはとても単純なのですが、キーボードをリズムにあわせてタイピングすることで音と映像が同期して、まるでVJのパフォーマンスをしているような気分を味わえます。キーボードの組み合わせは無限にあるので、いつまでも飽きることがありません。
今回は、最終課題に向け、p5.jsをつかってPatatapを制作するための方法について解説していきます。
【重要】今後のスケジュール
1月24日にどうしても調整できない用事ができてしまいました (申し訳ありません…) 。最終発表は1月17日に集約します。
- 12月27日 (本日)
- 最終課題制作演習 2
- p5.jsを超えて
- (冬休み) ※ 1月10日は休み (福澤先生誕生日)
- 1月17日: 最終課題発表
1月17日の発表を希望する方は以下のフォームに氏名を記入してください。発表の順番を優先するようにします。
映像資料
- アップロード練習用サウンドファイル: sounds.zip
- サウンドファイル付きテンプレート : https://www.openprocessing.org/sketch/932615
- 課題制作テンプレート : https://openprocessing.org/sketch/932636
スライド資料
最終課題提出
最終課題「Patatapを作る」
最終課題制作のオンデマンドの教材を参考にしながら「Patatap」のようにキーボードからのタイピングで音と映像が同期する作品を制作してください。
- 投稿したOpenProcessingのURLを提出
- 投稿の際に sfc24final のタグをつけてください!
- 締切 : 2025年1月16日 (木)
本日のアンケート
(最終課題提出フォームとは別で) 本日の講義に参加した方は以下のフォームに回答してください。
今後のスケジュール
- 2024年12月27日: 最終課題に向けて – Patatapを作る! (予備) + p5.jsを越えて
(冬休み)
- 2025年1月17日 : 最終課題講評会 (1)
- 2025年1月24日 : 最終課題講評会 (2)