//Этот код должен двигать элемент "brick" в соответствие с закон физики при броске вверх.
//Мы получаем на вход элемент, с id=v0
brick.onclick = function() {
let start = Date.now();
var inputvv = document.getElementById('v0');
var t = Number(inputvv.value);
var sum = 0;
let delta = 0;
var t0;
let timer = setInterval(function() {
let timePassed = Date.now() - start;
delta=v0-9.81*t0;//Это мы вычисляем каждый раз длину, на которое должен сместиться brick за этот проход цикла
t0=t+0.02;
brick.style.left = sum + 'px';
sum += delta;
if (t0 > t) clearInterval(timer);
}, 20)
2 ответа
<button id=brick style="position: absolute; top: 200px"> жми </button>
<script>
let h = h1 = parseInt(brick.style.top); // 200
let u = -100; // начальное ускорение
let k = 3; // высота полёта
let step = 0.03; // скорость полёта
brick.onclick = () => {
brick.innerText = " лечу ";
let timer = setInterval( () => {
brick.style.top = h + "px";
h += u * step; // как меняется высота
u += 9.81 * step * k; // как меняется ускорение
if(h > h1){
clearInterval(timer);
brick.innerText = " жми ";
u = -100;
}
}, 20);
}
</script>
const brickNode = document.querySelector('#brick');
const hInitial = brickNode.computedStyleMap().get('top').value;
const uInitial = -100;
let h = hInitial // 170
let u = uInitial; // начальное ускорение
let k = 3; // высота полёта
let step = 0.03; // скорость полёта
brickNode.onclick = () => {
brickNode.innerText = 'лечу';
requestAnimationFrame(anim);
};
function anim(nowTime) {
if (anim.thenTime === undefined) anim.thenTime = nowTime;
const deltaTime = nowTime - anim.thenTime;
brick.style.top = h + 'px';
h += u * step; // как меняется высота
u += 9.81 * step * k; // как меняется ускорение
if (h > hInitial) {
h = hInitial;
brick.style.top = h + 'px';
brickNode.innerText = 'жми';
u = uInitial;
cancelAnimationFrame(anim);
} else {
requestAnimationFrame(anim)
}
}
#brick {
position: absolute;
top: 170px;
}
<button id="brick">жми</button>
v0
в присвоении значенияdelta
? должны быть ошибки в консоли браузера, к тому же, вы умножаете наt0
в той же строчке, аt0
в тот момент времени будет иметь значениеundefined