重力加速度(javascriptで実装)

重力には逆らえない。
遠投した時の軌道を書いてみた。

html

<canvas id='viewer' width="500" height="500"></canvas>

javascript

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;