最初ExplorerCanvasを使ってしまって、全然動かなかった。 参考：Internet Explorer 8でCanvasを動かす時のメモ VMLCanvasを使うとよかったです。 https://code.google.com/p/mofmof-js/wiki/VMLCanvas VMLCanvas.js は uuCanvas.js から Silverlight と Fla…

See the Pen Collision animation between circles by edo1z (@edo1z) on CodePen.

See the Pen walk by edo1z (@edo1z) on CodePen.

マウスドラッグの向きにプレイヤー（青いボール）が動きます。動いている途中のパスが敵か自分に当たったらプレイヤーが死にます。ボールを動かして陣地を80％以上確保したらステージクリアです。敵を閉じ込めたら敵を倒せてボーナス点数がもらえます。（キ…

こんな感じでマウスクリック時の座標を検知する。 var mouseX; var mouseY; //イベントリスナーの登録 canvas.addEventListener("mousedown", mouseDownHandler, false); function mouseDownHandler(e) { var rect = e.target.getBoundingClientRect(); mous…

上からボールを落として跳ね返る様。重力があり跳ね返り係数があるのだ。オランダの科学者が重力はないといっており、他の著名科学者、物理学者が一定の賛同をしているようだ。これが本当なら重力がある前提で全ての物理の教科書がつくられている現代におい…

地球には重力がありますので、飛んでもしまいには落ちます。飛ぶときは初速度がありますが、この速度は毎秒9.8m/s2重力によって減速します。当然落下中は毎秒9.8m/s2速度が増します。この9.8m/s2を重力加速度といいます。9.8m/s2というのは大体の数値で、場…

くまのアニメーション。ランダムでキャラ選ぶ。ランダムで向きと速度決める。 See the Pen Kuma by edo1z (@edo1z) on CodePen.

x,y座標ともに指定できるモンスター関数です。 See the Pen jvxdRm by edo1z (@edo1z) on CodePen.

xだけをインプットして、yは勝ってに決まってしまういけていないモンスター描画関数です。 See the Pen monster function 1 by edo1z (@edo1z) on CodePen. ちなみにgoogleのPac-Manです。

Canvasリファレンスや、MDC Docsというやつのチュートリアルを参考に色々な絵をCanvasを使って書いてみよう。下の絵は全部他のサイトからパクってきたものだよ。ちゃんとパクリ先は明示しておきますよ。パクってきたのは、上2つのサイトですよ。HTML5 Canvas…