Quartz Composer Book

クォーツ コンポーザー ブック

鹿野 護
東北芸術工科大学卒。WOWアートディレクター。インターフェイスのデザインを中心に、様々なコンピュータグラフィックス作品に携わる。その一方で、個人的な表現活動を自身のウェブサイト「未来派図画工作」で展開中。配布を前提とした映像作品の公開や、海外のデザイナーとの共同プロジェクトにも多数参加。最近ではワークショップやインスタレーション作品の展示も手掛けている。
未来派図画工作
www.zugakousaku.com

Chapter 1　First Step
　1-1　Quartz Composerとは
　1-2　インストールと起動
　1-3　インターフェイス解説
　1-4　パッチとその機能
　1-5　空間の座標系
　1-6　エクスポート／環境設定

Chapter 2　Tutorial-Basic
　2-1　Imagination - 想像力が生まれるとき
　　2-1-1　新しい書類を作る
　　2-1-2　グラデーションで背景を塗りつぶす
　　2-1-3　Spriteに画像を貼り付ける
　　2-1-4　Spriteの合成モードを変更
　　2-1-5　Interpolationを使ったアニメーション
　　2-1-6　LFOで円運動を作る
　　2-1-7　動きと質感の関係

　2-2　Loop - 繰り返しが生み出すもの
　　2-2-1　グラデーションで背景を塗りつぶす
　　2-2-2　Spriteでクラゲの頭を表現する
　　2-2-3　コピー＆ペーストでクラゲの足を作る
　　2-2-4　レイヤーの順番を変更する
　　2-2-5　3D Transformationでグループ化して動かす
　　2-2-6　Interpolationで作るフレームイン・フレームアウト
　　2-2-7　パッチのタイムベースについて
　　2-2-8　ループに偶然性を加える

　2-3　Timing - 時間
　　2-3-1　グラデーションで背景を塗りつぶす
　　2-3-2　体のパーツを揺らす
　　2-3-3　Iteratorを使ってパーツを複製
　　2-3-4　複製したパーツのタイミングを変更
　　2-3-5　ポートをパブリッシュする
　　2-3-6　体の形を変更

　2-4　Random - 複製と多様性
　　2-4-1　グラデーションで背景を塗りつぶす
　　2-4-2　奥から手前に動かす
　　2-4-3　透明度のアニメーション
　　2-4-4　Iteratorでオウムガイを複製
　　2-4-5　ランダムな位置に配置
　　2-4-6　ランダムを組み合わせる
　　2-4-7　タイミングを変更する
　　2-4-8　浮遊感の表現

　2-5　Composition - 部分という全体
　　2-5-1　グラデーションで背景を塗りつぶす
　　2-5-2　トビウオのアニメーション
　　2-5-3　複製して並べる
　　2-5-4　タイミングをランダムにずらす
　　2-5-5　水面の制作
　　2-5-6　水面を複製しタイミングを変更
　　2-5-7　全体を傾ける

Chapter 3　Tutorial-Advanced
　3-1　Space - 空間
　　3-1-1　立方体を背景にする
　　3-1-2　ランダムな数字を表示する
　　3-1-3　数字を一列に複製する
　　3-1-4　グリッド状に複製する
　　3-1-5　全体を回転させる

　3-2　Exhibition - 作品
　　3-2-1　背景のグラデーションを作る
　　3-2-2　複数の画像を貼り付ける
　　3-2-3　映り込みやハイライトを表現
　　3-2-4　円形に複製する
　　3-2-5　複製したSpriteにそれぞれ異なった画像を貼り付ける
　　3-2-6　段階的に回転させる
　　3-2-7　アングルを調整する

　3-3　Network - 世界の大きさ
　　3-3-1　背景を作る
　　3-3-2　RSSをダウンロードする
　　3-3-3　更新時間と本文を取得する
　　3-3-4　一定時間で記事を切り替える
　　3-3-5　記事をフェードイン、フェードアウトさせる

　3-4　Typography - 言葉をつなぐ
　　3-4-1　背景を作る
　　3-4-2　バウンドするアニメーション
　　3-4-3　文字列を分解
　　3-4-4　色のフェードアウトと位置調整

　3-5　Media - 身体の拡張
　　3-5-1　音に反応するパーティクル
　　3-5-2　カメラの映像を取り込む
　　3-5-3　画像を水のように歪ませる
　　3-5-4　JavaScriptを使ってパーティクルをドラッグ移動
　　3-5-5　ラインを描画する

Chapter 4　Showcase
　4-1　20世紀ボヤージ - The 20th Century Voyage
　4-2　ホテルガジェット - Hotel Gadget
　4-3　フルカラーボッサ - Full Color Bossa

補足解説と用語解説