JSFiddle - React, Tailwind, and code Playground

by Yaroslav Samardak

JavaScript

const m = 100;
const s = 1000;

const speed = 9.8;
const vector = { x: 0.1, y: 1 }

const pos = { x: 300, y: 0 }

function draw(timeDelta) {
	const newX = pos.x + (vector.x * (speed * m / (timeDelta / s)))
  const newY = pos.y + (vector.y * (speed * m / (timeDelta / s)))
  
  pos.x = newX
  pos.y = newY
  
  drawCircle(pos.x, pos.y)
}

window.requesAnimFrame(draw)