Где можно найти методы и прочие ништячки для анимации js?

Question

[Ingernirated]

Добрый вечер, пацаны.
Подскажите, где можно найти все методы js?
А именно узнать все разнообразие, что мы можем сделать с обьектом, вращение его, движение, возможность повторяться.
И ближе к делу пример, как сделать так, чтобы при касании двух обьектов, их можно было удалить, как зафиксировать этот момент? (место их встречи всегда будет разным и непредсказуемым)

Comments

[Андрей]

https://github.com/search?l=JavaScript&q=+animatio...

[Ingernirated]

Андрей: к сожалению там у всех фреймворки, мне чистый js нужен

[Андрей]

Ingernirated: если чистый js то работай с css и setTimeout или setInterval, и почитай эту статью https://learn.javascript.ru/js-animation, чтобы определить касание двух элементов тебе при анимции надо сравнивать координаты top right left bottom, при условии что position: abdolute, без js наверстай пару блоков и поиграйся с теми параметрами, и подумай как в js их проверять и в каких случаях они прикасаются, и если касание произойшло то воспользоваться removeChild

[Ingernirated]

Андрей: читал, но к сожалению как сделать связь между обьектами, так и не нашел.

[Александр Шилов]

Вам слишком много и слишком просто все нужно. Google в помощь, там все есть, но только по частям.

[Андрей]

Ingernirated: ты пишешь в html два элемента, в js выбираешь их(dom Обьекты), и через js смотришь на их стили, что не ясно?

[Ingernirated]

Андрей: хорошо, два обьекта, я сделаю анимацию встречного движения, когда они коснутся друг друга, как сделать в этот момент анимацию? (место столкновения произвольное)

[Андрей]

Ingernirated: я же тебе уже написал как, за тебя код написать? там в коде где написана функция анимации, где ты ее реализовал при каждом изминении координат проверять координаты(стили) двух объектов, у тебя есть возможность получать координаты каждой стороны объекта к окну браузера, и размеры самого объекта, в чем проблема, напиши все варианты столкновения сторон, такое за тебя никто не должен писать, сначала узнай столкновение по вертикали, а потом по горизонтали, примерно что то такого:

if (obj1.style.top <= obj2.style.bottom && obj1.style.bottom >= obj2.style.top
|| obj1.style.right >= obj2.style.left && obj1.style.left <= obj2.style.right ) { 
  console.log('столкнулись')
};

[Ingernirated]

Андрей: хм, интересный вариант, попробуем
а вообще такие огромные вычисления каждую сотую секунды для хотя бы 100 обьектов не будут браузер просаживать?

[Андрей]

Ingernirated: нет, ты сравниваешь пару полей, ты не перебираешь тысячи элементов

Answer 1

[Alex Maximovich]

Для анимаций можно использовать https://greensock.com/tweenmax. Хороший плагин с нормальным api и понятной документацией. А с определением касания сложнее. Только считать руками, или , если это игра, использовать какой физический движок, который будет обсчитывать коллизии