Как рассчитать дугу снаряда в javascript? - PullRequest
Новая
       13

Как рассчитать дугу снаряда в javascript?

0 голосов
/ 14 ноября 2018

Я создаю игру для курсовой работы: два танка размещены на холсте с полями ввода для начальной скорости и угла наклона башни, а затем кнопкой для запуска снаряда (в настоящее время это элемент div в форме круга),которая вызывает функцию в этом случае это fire1.Я бездельничал в течение нескольких дней и, похоже, не могу заставить его работать, «пуля» - это мой элемент div. 

function fire1 () {
    var canvas = document.getElementById("canvas")
    var bullet = document.getElementById("bullet");
    bullet.style.visibility = "visible"

    var start = null;
    var intialVelocity = velocity1.value
    var angle = angle1.value
    var g = 9.81;
    var progress, x, y;

function step(timestamp) {
    if(start === null) start = timestamp;
    progress = (timestamp - start)/1000;

    x = (turret1.x + 80) + (intialVelocity*progress)
    y = (turret1.y - 400) + (intialVelocity*progress)*Math.sin(angle*toRadians) - (0.5*g*(progress^2));//)

    bullet.style.left = x + "px";
    bullet.style.bottom = y + "px";

    requestAnimationFrame(step);
  }
  requestAnimationFrame(step);
}

Ниже приведен фрагмент моей пули. 

#bullet {
position: absolute;
left: 0;
bottom: 50%;
width: 1em;
height: 1em;
border-radius: 0.5em;
background: red; 
visibility: hidden;
}

Я очень новичок в javascript, css и html, поэтому помощь будет очень ценной, я пытаюсь включить формулу траектории сработает ли это?Я также хочу, чтобы он был анимированным, чтобы он следовал пути при увольненииСпасибо

...