第7回:ビジュアルハーモニー – アルゴリズムによるアニメーション
今回は、より複雑なアニメーションに挑戦します。一定のアルゴリズム(手続き)に沿ってアニメーションするとどうなるか、サンプルとして三角関数を用いたアニメーションで美しいパターン(ビジュアルハーモニー)を生成する手法を紹介します。
今日紹介した全てのプログラムは下記から入手可能です。
今回は、より複雑なアニメーションに挑戦します。一定のアルゴリズム(手続き)に沿ってアニメーションするとどうなるか、サンプルとして三角関数を用いたアニメーションで美しいパターン(ビジュアルハーモニー)を生成する手法を紹介します。
今日紹介した全てのプログラムは下記から入手可能です。
今回からは、HTML5に関連した実践的な内容に入っていきます。初回の授業は、HTMLとJavaScriptでブラウザに直接図形を描画する仕組みであるCanvasについて、導入を行います。
今回は、より複雑なアニメーションに挑戦します。一定のアルゴリズム(手続き)に沿ってアニメーションするとどうなるか、サンプルとして三角関数を用いたアニメーションで美しいパターン(ビジュアルハーモニー)を生成する手法を紹介します。
今日紹介した全てのプログラムは下記から入手可能です。
今回からは、HTML5に関連した実践的な内容に入っていきます。初回の授業は、HTMLとJavaScriptでブラウザに直接図形を描画する仕組みであるCanvasについて、導入を行います。
CSSについての演習の3回目、今回はCSSを利用したページ全体のレイアウトに挑戦します。
今回の内容は基本の枠組みが既に作成されたテンプレートをもとに解説していきます。下記のURLからテンプレートをダウンロードしてください。
衛星アプリの制作演習の第3回目は、衛星が取得した時系列のデータをつかって、「音楽アプリ」を作成してみます。まず始めにopenFrameworksで音を扱う方法について解説した後で、実際の衛星データで「衛星音楽」の生成に挑戦します。
今回の授業は、前回のHTMLの入門に引き続き、さらに様々なHTMLの要素について学んでいきます。後半は、構造を記述するHTMLに体裁(デザイン)を与えるための仕組み、CSS(カスケーディング・スタイルシート)について、導入と解説を行います。
今回の授業は、前回出題し実習を行った「jQueryのプラグインを使用してフォトギャラリーをつくる」という中間課題の講評会を行います。まず始めに作成したフォトギャラリーをBackuupディレクトリの所定の位置にアップロードします。アップロードする場所などは授業内で指示します。アップロードが完了したところで、一人ずつ発表を行います。
前回のアニメーションの基礎からさらに発展させていきます。前回のアニメーションは単体の動きでした。今回はこのアニメーションを同時に大量に動かすにはどうすれば良いのか解説していきます。
前回のアニメーションの基礎からさらに発展させていきます。前回のアニメーションは単体の動きでした。今回はこのアニメーションを同時に大量に動かすにはどうすれば良いのか解説していきます。