デザインに潜む数学をプログラミングで学び、論理的なデザインを身につける。テンプレートを活用しながらＪａｖａＳｃｒｉｐｔで描く、数学によるインタラクティブグラフィック。全サンプルコードダウンロード可能。

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 の構文