プログラムで絵を描く

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

動きをつくる

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

インタラクション

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

配列と繰り返し

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

円運動、時計

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

SVGファイルの読み込み

※テスト中

• SVGデータを描く 2019/11/16

物理法則による動き

※PhysicalPoint.js が必要です。「ダウンロード」からダウンロードしてください。

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

クラスを使う

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