前回 : 等速度運動。 等速度運動やったなら、斜方投射もやっておこうと物理の計算を復習。 作成物 マウスオーバーで円 (= ボール) を作り出すのは前回と同じ。 右方向を0°として、0° ～ 180°の方向にランダムなボールを生成して投射します。 X方向の範囲外部…

前回に下地となるクラスを作ったので、アニメーションが活かせる簡単な処理を作ってみます。 『ボールを投げて壁に反射して――』が分かり易そうなのでコレを作ってみよう。 作成物 Canvas エリアにマウスカーソルを持っていくと、mousemove イベントにより球…

前回、JavaScript の復習と仕事の復習かねて Canvas やってたら楽しかったので、もう少しアレコレ作ってみる。 ――その前に、アニメーションとかやろうとするとコードがごちゃごちゃになるのは目に見えているので、 その辺を整理する。 作成物 今回は特に工夫…

JavaScriptの復習をかねて、最近作っている点と直線との処理を使って canvas の描画処理を作ってみました。