JavaScriptでフルスクラッチゲーム開発しよう 第4回 更新編 - Qiita

第1回: JavaScriptでフルスクラッチゲーム開発しよう 第1回 準備編 第2回: JavaScriptでフルスクラッチゲーム開発しよう 第2回 画像読み込み編 第3回: JavaScriptでフルスクラッチゲーム開発しよう 第3回 画像表示編 前回は、背景とみかん箱を表示するところまで出来ました。 今回は、みかん箱を動かしてみます。 みかん箱の表示座標を管理する みかん箱をX軸座標で動かすことを想定して、それを管理する変数を用意します。 : // みかん箱の表示X軸座標位置 var mikanX = 0; : function render() { : // みかん箱を表示 ctx.drawImage(Asset.images['box'], mikanX, 0); } これでmikanXの値を変えることで、みかん箱のX軸座標の表示位置を変えることができました。 では、どのタイミン

[efcl]

requestAnimationFrameとdeltaを使ったアニメーションの制御について