Как сделать анимацию по движению мыши?

Question

[eugene_d_dev]

Ну не все так просто))) Допустим есть 3д куб. Когда пользователь начинает двигать мышью, скрипт должен начинать вращение куба ( 1 пройденный пискель = 0.1deg, например). То есть нужно высчитать скорость движения мыши и в этот же момент вращать куб в зависимости от скорости. Можете подкинуть пару рекомендаций, как это реализовать? Только учусь javascript. p.s. На чистом JavaScript ))

Comments

[Никита]

Ну чисто для ознакомления можешь посмотреть Sorax'а www.youtube.com/watch?v=fzubePyhPok

Answer 1

[Денис Вяземский]

JS 3d тебе в помощь!
threejs.org

Comments

[eugene_d_dev]

Чистый js друг)))

[Денис Вяземский]

codepen.io/cliffpyles/pen/LHlqa

[eugene_d_dev]

Денис Вяземский: Еще раз вопрос прочитай))

Answer 2

[artem_music]

Скорость можно определять через SetInterval (смотреть каждый промежуток времени на сколько изменилось смещение курсора и в зависимости от прошлого значения высчитывать вектор скорости).

А само вращение куба - либо threeJS если нужен "реальный" 3D, либо трансформации в CSS

Comments

[eugene_d_dev]

Вращение куба должно быть в режиме реального времени)) То есть не после остановки мышки, а во время движения мышки, должна высчитываться скорость и куб должен вращаться с учетом этой скорости.

[artem_music]

fajjet: Я понял, поэтому сет интервал а не сет таймаут. снимайте показания вектора скорости каждые 100 миллисекунд - будет в реальном времени