チルノをJavaScriptで歩かせるだけ02(歩行)

画像を切り替えて描画する事で動いているように見せる事ができる。 通常はスプライト画像を使用するがわかりやすいよう分割 アニメーション <canvas id="canvas" width="256px" height="32px"></canvas> <script> var canvas = document.getElementById('canvas'); //canvasをidで取得 var ctx = canvas.getContext("2d"); //描画用context取得 //imgタグ同様srcを指定 var images = [new Im…