多摩美 – サウンド&ネット 2015年度
第5回: Web応用3 – 最終課題「インタラクティブ・サウンド・アニメーション」に向けて
今回は、最終課題に向けて、具体的なサンプルをいろいろ紹介していきます。
最終課題
最終課題のテーマ :「インタラクティブ・サウンド・アニメーション」
金曜日のサウンドの授業で作成した音を使用して、Webブラウザ上でインタラクティブなアニメーション作品を制作し発表する。
- 音響素材 : サウンド（矢坂先生）
- プログラミング : ネット（田所）
- この2つの要素を融合する
- インタラクションは、キーボード操作を基本とするが、それ以外のインタラクション（マウス、Webカメラ、センサー?）を使うのは自由
- 授業では、p5.jsを使用して解説するが、それ以外のJavascriptのライブラリ、その他の言語を使用しても良い
- ただし作品はWebブラウザで発表できるものに限定
- 締切: 2016年1月12日 (火) の講評会まで!
スライド資料
課題の提出方法
課題は、多摩美のWebサーバーに提出します。
1. 課題表紙ページの作成
前半作成したTumblrのポートフォリオのページと、今回作成した「インタラクティブ・サウンド・アニメーション」の双方へのリンクをした表紙ページを作成します。下記のテンプレートから作成してください。余裕があれば、CSSを改変してデザインを変更してください。
2.「インタラクティブ・サウンド・アニメーション」のファイル一式準備
「インタラクティブ・サウンド・アニメーション」のファイル一式を、階層構造はそのままで任意のフォルダ名を設定します。（例: interactive_sound）
ファイル一式は下記からダウンロードしてください。
3.iddのファイルサーバーに接続
iddのファイルサーバーに接続します。
- afp://fs.idd.tamabi.ac.jp
4.ファイル一式のアップロード
以下のファイル/フォルダを、マウントされた個人のネットワークフォルダの「public_html」内にコピーします。（コピーする場所重要!!）
- 「インタラクティブ・サウンド・アニメーション」のファイル一式（例: interactive_sound）
- 表紙ページ: index.html
- 表紙ページ: cssフォルダ
5.ページの確認
以下のリンクにある、IDDのMy Profileページの「ホームページアドレス」をから、自身のページが正しくアップロードされていることを確認します。
参考
IDDのWebページの公開などの詳細な情報は、idd ITサポートのページを参考にしてください。