yoppa.org


多摩美 – サウンド&ネット 2015年度

第5回: Web応用3 – 最終課題「インタラクティブ・サウンド・アニメーション」に向けて

今回は、最終課題に向けて、具体的なサンプルをいろいろ紹介していきます。

最終課題

最終課題のテーマ :「インタラクティブ・サウンド・アニメーション」

金曜日のサウンドの授業で作成した音を使用して、Webブラウザ上でインタラクティブなアニメーション作品を制作し発表する。

  • 音響素材 : サウンド(矢坂先生)
  • プログラミング : ネット(田所)
  • この2つの要素を融合する
  • インタラクションは、キーボード操作を基本とするが、それ以外のインタラクション(マウス、Webカメラ、センサー?)を使うのは自由
  • 授業では、p5.jsを使用して解説するが、それ以外のJavascriptのライブラリ、その他の言語を使用しても良い
  • ただし作品はWebブラウザで発表できるものに限定
  • 締切: 2016年1月12日 (火) の講評会まで!

スライド資料

課題の提出方法

課題は、多摩美のWebサーバーに提出します。

1. 課題表紙ページの作成

前半作成したTumblrのポートフォリオのページと、今回作成した「インタラクティブ・サウンド・アニメーション」の双方へのリンクをした表紙ページを作成します。下記のテンプレートから作成してください。余裕があれば、CSSを改変してデザインを変更してください。

2.「インタラクティブ・サウンド・アニメーション」のファイル一式準備

「インタラクティブ・サウンド・アニメーション」のファイル一式を、階層構造はそのままで任意のフォルダ名を設定します。(例: interactive_sound)

screenshot_483

ファイル一式は下記からダウンロードしてください。

3.iddのファイルサーバーに接続

iddのファイルサーバーに接続します。

  • afp://fs.idd.tamabi.ac.jp

4.ファイル一式のアップロード

以下のファイル/フォルダを、マウントされた個人のネットワークフォルダの「public_html」内にコピーします。(コピーする場所重要!!)

  • 「インタラクティブ・サウンド・アニメーション」のファイル一式(例: interactive_sound)
  • 表紙ページ: index.html
  • 表紙ページ: cssフォルダ

screenshot_484

5.ページの確認

以下のリンクにある、IDDのMy Profileページの「ホームページアドレス」をから、自身のページが正しくアップロードされていることを確認します。

参考

IDDのWebページの公開などの詳細な情報は、idd ITサポートのページを参考にしてください。