Designing Math.

数学とデザインをむすぶプログラミング入門

古堅 真彦
コンピュータとデザインの関係について研究している。最近は「アルゴリズミックな思考」が主な研究テーマ。美術系の学校で「アルゴリズミックなデザイン」や「プログラミングを使ったデザイン」をテーマに演習や講義、共同研究をおこなったり、研究成果をアプリケーションソフトウェアに落とし込み、世の中に頒布したりしている。
独立行政法人情報処理推進機構（IPA）より2004年度下期「天才プログラマー／スーパークリエータ」に認定／武蔵野美術大学視覚伝達デザイン学科教授

Chapter 0　はじめに

Designing Math.入門
Chapter 1　仕組み
1-1　DesigningMath-Base 
1-2　example.jsの中身

Chapter 2　基礎描画
2-1　直線を描く 
2-2　画面サイズ、線をつなげる
2-3　いろいろな線を描く
2-4　いろいろな形を描く
2-5　色の設定 
2-6　文字を描く
2-7　動きの表現、指の位置 
2-8　タッチの状態 
2-9　タッチイベント

Designing Math.実践
Chapter 3　繰り返し
3-1　縦横に●を並べる
3-2　エリア内にぴったり収める
3-3　徐々に大きさを変える
3-4　時間に沿って大きさを動かす
3-5　色を変える

Chapter 4　互い違い
4-1　○を並べる
4-2　縦方向に詰める
4-3　互い違いに配置する
4-4　青海波を描く
4-5　波を作る
4-6　波の角度をずらす
4-7　それぞれの波をずらす
4-8　トリミングする

Chapter 5　三角関数
5-1　円周上に○を並べる
5-2　○の大きさの変化をsinカーブにする
5-3　円周の半径をsinカーブにする
5-4　個々の○の半径を時間に沿って動かす
5-5　全体の○の半径を時間に沿って動かす
5-6　円周の半径を時間に沿って動かす

Chapter 6　色
6-1　HSB→ RGB変換
6-2　色相を位置に展開
6-3　明度の波
6-4　三崩し模様

Chapter 7　角度と距離
7-1　○を敷き詰める
7-2　距離によって○の大きさを変える
7-3　方向を考慮する
7-4　なぞった部分を覚えておく
7-5　指の方向に線を描く 
7-6　指の方向の線が揺らぐ

Chapter 8　一次変換
8-1　●を敷き詰める 
8-2　●全体を回転する 
8-3　指の位置で●全体が回転する
8-4　指との距離で回転方向を変える
8-5　残像を残す 
8-6　徐々に近づく 
8-7　ゆっくりと動き出す

Chapter 9　左右判定
9-1　コントロールポイントを作る 
9-2　ベジェ曲線を描く 
9-3　下地を描く 
9-4　左右判定 
9-5　曲線の左右判定 
9-6　下地のパターンを六角形にする

Chapter 10　三次元
10-1　投影変換 
10-2　クラスへの関数の組み込み 
10-3　空間内で回転させる 
10-4　指で回転させる 
10-5　空間内のベジェ曲線 
10-6　空間内のベジェ曲線の効率化

Appendix
JavaScript の構文