ここからが、JavaScriptです。 <body> <div id="cessna" style="POSITION:absolute;”> <img src="gra/cessna.png"></div> </body> ここで CSS が絡んでまいります。 absolute にする事で絵を自由に設定出来ます。
<body background="gra/bg.png" onLoad="setInterval('loopwork()',50)"> setInterval の設定で毎回のプログラムを呼び出します。
<script> var cnt = 0; function loopwork() { let posx; let posy; let obj; obj = document.getElementById("cessna").style; posx = Math.cos(cnt*(Math.PI / 180)) * 200; posy = Math.sin(cnt*(Math.PI / 180)) * 200; obj.left = posx + "px"; obj.top = posy + "px"; cnt = cnt + 1; if(cnt >= 360) cnt = 0; document.getElementById("Px").innerHTML = "X座標：" + posx; document.getElementById("Py").innerHTML = "Y座標：" + posy; } </script> idを使って、座標（位置）を指定して動かします。 絵の左上を指定。
絵を繰り返し置くことで、アニメーションになります。
