canvasアニメーションでゲーム制作-2〜new Image()とマウス座標〜 - 秋葉秀樹 個人ブログ

普通にイラストレータの画面です。 戦闘機を作ってみました。 なんだか頼りない戦闘機ですが、まずはこれをcanvasに表示してみましょう。 PNG形式で透過付きの状態で保存します。 これをHTMLと同じ階層に「images」というフォルダを作ってそこに「player.png」と名付けて保存しましょう。 出来たら前回のJavaScriptコードの中にちょっと追加します。 window.onload = function () { var canvas = document.getElementById("shootingCanvas"); var ctx = canvas.getContext("2d"); ctx.fillRect(0,0,300,200); var player = new Image(); player.src = "images/player.png"; ctx.dra

[nakamods]

要素内のマウスの座標を取得