Как создать контролируемый разброс на js (Стрельба 2d/Симуляция 3d)?

Question

[historydev]

Здравствуйте. Решил попробовать написать подобие стрельбы на js, столнулся с проблемой контроля пальцем разброса.
То есть: имею массив координат каждой "пули"/точки которые последовательно появляются на экране, но проблема в том, что они фиксированы вокруг моего "прицела". Я попробовал исправить это и написал отдачу прицелу, а сами пули рисовал сразу после того, как сдвигал прицел. В моей головке все должно было работать, но почему-то p5.js посчитал иначе.

Текущее поведение такое: за примерно 200 мс у меня происходит разброс, а в итоге я получаю линию из точек. Был бы рад любой помощи.

Вариант 1 (статические пули вокруг прицела): Тык
Вариант 2 (Рендеринг пуль по координатам прицела, а разброс закреплён на прицеле): Тык

Если поставить коммент на строку: newvel2.setMag(speed2); то получится очень странный эффект, но моя цель заставить разброс работать в Варианте 2, тогда я думаю разброс можно будет контролировать мышкой чтобы получить точку из пуль.

Спасибо. Особенно если прочитал всё)

Comments

[historydev]

Примерно сделал что хотел, но требует доработок, если нужен код, пишите в ответ, залью)

[Роман]

делал как то такой пример
https://game.lastuniverse.ru/gun.2d.01/

правда он без разброса. Но разброс делается достаточно просто

// пусть координаты точки из которой вылетают пули gunX, gunY
// пусть координаты точки прицела crosshairX, crosshairY

// пусть максимальный разброс зависит от расстояния

// рассчитываем расстояние между оружием и прицелом
const dx = crosshairX - gunX;
const dy = crosshairY - gunY;
const dist = Math.hypot(dx, dy);

// рассчитываем разброс в зависимости от расстояния (пусть на дистанции 10 разброс будет равен PI/4 или 45 градусов)
const dispersion = ( Math.PI / 4 ) * dist / 10;

// рассчитываем угол вылета пули без учета разброса
const bulletAngle = Math.atan2(dy, dx);

// рассчитываем угол вылета пули с учетом +-разброса
const bulletDispersionAngle = bulletAngle + (Math.random() * 2 * dispersion - dispersion);

...

// далее можно посчитать координаты пули в какойто из моментов времени
// пусть скорость пули задана в переменной bulletSpeed (пиксели в секунду)
// пусть время прошедшее с момента старта пули задано в переменной bulletTime (миллисекунды)

// считаем расстояние на которое улетела пуля
const bulletDist = bulletSpeed * bulletTime / 1000;

// считаем координаты пули
const x = gunX + bulletDist * Math.cos(bulletDispersionAngle);
const Y = gunY + bulletDist * Math.sin(bulletDispersionAngle);

[historydev]

Роман, вот к чему я пришёл позже , но теперь проблема в том, что прицел не останавливается достигая курсора

[Роман]

Владимир, странный подход к решению данной задачи. Не буду утверждать, что неправильный/бессмысленный/нерациональный, но точно нетрадиционный для 2D))))

[historydev]

Роман, ну я всё методом тыка учу)