重力加速度(javascriptで実装)
重力には逆らえない。
遠投した時の軌道を書いてみた。
html
<canvas id='viewer' width="500" height="500"></canvas>
let ctx, posX = 0, posY = 500, velocityX = function init() { ctx = document.getElementById('viewer') setInterval(tick, 100); } function tick() { posX += velocityX; velocityY += accelY; posY += velocityY; if (posX > 500) { posX = 0; } if (posY > 500) { velocityY = -20; } paint(); } function paint() { ctx.fillStyle = 'black'; ctx.fillRect(0, 0, 500, 500); ctx.fillStyle = 'white'; ctx.fillRect(posX, posY, 10, 10); ctx.fill(); } window.onload = init;