プログラムで絵を描く

• 直線、ベジェ曲線 2018/9/18
• 円、楕円、円弧 2018/9/22
• 四角形と三角形 2018/9/22
• n角形、自由曲線の図形（beginShape） 2018/9/22
• マウスの位置に描く 2018/9/19
• 文字の描画（白と黒） 2019/6/12
• カラーモードの変更 2018/9/19
• おまけ：正n角形の書き方（繰り返しを使います） 2018/9/22

動きを作る

• 円を動かす（等加速度直線運動） 2018/9/19
• だんだん大きくなる円 2018/9/19
• 壁で跳ね返る 2018/9/19
• ふわっと動かす 2018/9/19
• 数珠つなぎの円 2018/9/19

インタラクション

• 正方形に対するマウスオーバー／クリックの判定 2018/9/23
• 円に対するマウスオーバー／クリックの判定 2018/9/23
• 文字に対するマウスオーバー／クリックの判定 2018/9/23
• 4つの正方形とマウスインタラクション 2018/9/21

配列と繰り返し

• 図形をn回描く その1 2018/9/19
• 図形をn回描く その2 2018/9/19
• 壁で跳ね返るn個の円（配列と繰り返し） 2018/9/19
• 数珠つなぎの円（配列 ver.） 2018/9/19
• 配列の番号に比例した変化を加える 2019/6/17
• 配列の番号に比例した変化を加える2 2019/6/17
• マトリックス状の点群 2018/9/21
• 波紋 2019/6/17
• 色の変化をつける 2019/6/18
• 円と配列を使った図形 2019/6/17

円運動、時計

• 円運動 2018/9/19
• 2つの円運動からできる図形 2018/9/19
• 文字だけの時計（時間の取得） 2018/9/24
• 円弧による時計 2018/9/24
• 極座標ダイアグラム：毎時の気温 2019/6/17
• 極座標ダイアグラム：毎時の風向 2019/6/17
• 極座標ダイアグラム：気温とビール消費量 2019/6/17

SVGファイルの読み込み

• SVGデータを描く 2019/6/17
• SVGデータの配列 2019/6/17
• 複数のSVGを描く 2019/6/17
• 非公開: SVGデータのオブジェクト別読み込み 2019/6/17
• インタラクティブな地図 2019/6/17

物理法則による動き

※PhysicalPointクラスが必要です

• 物理法則で動かす 2018/9/19
• 壁で跳ね返る（物理法則 ver.） 2018/9/19
• マウスにひっぱられる／放り投げる 2018/9/19
• マウスにひっぱられる／元の位置に戻る 2018/9/19
• 物理法則を座標以外の要素に適用する 2018/9/19
• 吸い込む動き 2018/9/19
• 点群を吸い込む（掃除機） 2018/9/19
• 逃げる動き 2018/9/19
• 逃げる点群 2018/9/19
• マトリックス状の点群：吸い込む動き 2018/9/19
• マトリックス状の点群：逃げる動き 2018/9/19
• 物理法則と点群を応用した形態の変化（beginShape〜endShape） 2018/9/19

クラスを使う

• インベーダーゲーム（クラスを使用） 2019/6/16
• 友達関係 2019/6/17