Анимируйте вращающиеся объекты с помощью Raphaël.js - PullRequest
1 голос
/ 12 февраля 2012

Я - мой текущий проект, мне нужно рисовать роботов и перемещать их. Робот состоит из круга и прямоугольника, который показывает текущую ориентацию робота.

Моя проблема в том, что когда я их анимирую, поле ориентации движется странным образом из-за его вращения ...

Вот что я имею в виду: http://jsfiddle.net/zmunB/

Спасибо за вашу помощь.

Balzard.

Ответы [ 2 ]

0 голосов
/ 13 февраля 2012

Эта скрипка показывает другую опцию. Это может быть не так элегантно, как решение Райкамала, но может быть легче понять, если вы не привыкли работать с матрицами. Вы должны иметь возможность добавлять к нему функции по своему усмотрению (обратите внимание на «глаз», который я добавил).

По сути, я просто добавляю функции к набору и применяю преобразования к каждому элементу в наборе. Начните анимацию, нажав на цветные квадраты справа. Обратите внимание, что «Переместить относительно» заставит набор двигаться в направлении, которое он «смотрит».

0 голосов
/ 13 февраля 2012

Пожалуйста, обратитесь к этой скрипке.http://jsfiddle.net/apUvX/2/, для трансформированных движений.Здесь, в методе круга «onAnimation», мы преобразуем координату центра круга в систему координат прямоугольников, используя Matrix.x, Matrix.y и присваивая результат x, y прямоугольника.

...