Добрый день всем, я пытался реализовать Popmotion pure в своем дизайне, но у меня проблемы с достижением нескольких вариантов поведения (, пожалуйста, см. Codepen здесь ):
Я перечисляю нижежелаемое поведение в полном объеме, но я чувствую, что все мои вопросы можно решить, ответив на следующие вопросы:
Может кто-нибудь объяснить, как я могу применить (или манипулировать) скорость объекта в чистом виде?Возможно, просто решив третью точку ниже?
Прямо сейчас шары можно перетаскивать и бросать без взаимодействия.
1) Мне нужно, чтобы шары сталкивались с контейнером.границы (сплошная красная линия кодового ручки), независимо от того, перетащены они или брошены, они не могут пройти за него.
2) Ни один шар не может пройти за координаты X другого шара.Таким образом, если СИНИЙ шар перетащен в сторону ЗЕЛЕНОГО шара, как только СИНИЙ шар имеет ту же координату Х, что и ЗЕЛЕНЫЙ шар, ЗЕЛЕНЫЙ шар тоже начинает двигаться, поэтому СИНИЙ шар не проходит через него.Точно так же, если СИНИЙ шарик брошен в сторону ЗЕЛЕНОГО шарика, когда он достигает координаты X, он отскакивает назад и отталкивает ЗЕЛЕНЫЙ шарик (в основном столкновение)
3) И последнее, но не менее важное: мне нужны шары для перемещенияв позиции указателя, когда пользователь нажимает на контейнер, сейчас у меня есть только console.log (), который описывает поведение.
I appreciate any help, thank you for your time