絵を描く

• プログラミングで絵を描く 2019/11/16
• カラーモードの変更 2019/11/15

絵を動かす

• 図形を動かす1：円を動かす 2019/11/16
• 図形を動かす2：壁で跳ね返る 2019/11/16
• ふわっと変化する1：移動 2019/11/16
• ふわっと変化する2：図形の色々な属性を変化させる 2019/11/16

文字を打つこと、描くこと

• 文字の描画（白と黒） 2019/11/16
• 文字を動かす 2019/11/16
• タイプライター1：時間で消えゆく文字 2019/11/16
• タイプライター2：普通のタイプライター（文字幅の取得） 2019/11/16
• 文字の各要素の取得、文字のドラッグ 2019/11/16
• 改行、段組 2019/11/16
• タイプライター3：記述と時間 2019/11/16
• タイプライター4：色を文字として使う 2019/11/16

図とインタラクション

配列と繰り返し

• 繰り返し1：100本線を引く 2019/11/16
• 繰り返しと配列1：100個の動く円 2019/11/16
• 繰り返しと配列：マウスに反応する5つの円 2019/11/16

円運動と極座標

• 円運動1：基本の円運動 2019/11/16
• 円運動2：回転の円周上に複数の点を打つ 2019/11/16
• 極座標1：中心の周りを回る複数の点 2019/11/16
• 極座標2：点ごとに回転の半径を変える 2019/11/16
• 極座標3：中心の周りを回転する点をまた中心として回転する点 2019/11/16
• 周りの環境の表現 2019/11/16

クラスを使う

• インベーダーゲームを作る-1 2019/11/16
• インベーダーゲームを作る-2 2019/11/16
• インベーダーゲームを作る-3 2019/11/16

物理法則を使った動き

※「ダウンロード」からPhysicalPoint.jsを落とし、スケッチに追加してください。2018年度のサンプルも参照。

• x, y方向に加速度を与える 2019/11/16
• ある座標に向かって加速度を与える 2019/11/16
• 逃げる動き／吸い付く動き 2019/11/16