Javascript 使用Rapha和#xEB设置旋转对象的动画；l、 js

我是我目前的项目，我需要画机器人并移动它们。 机器人由一个圆圈和一个显示机器人当前方向的方框组成

我的问题是，当我为它们设置动画时，方向框会以一种奇怪的方式移动，因为它会旋转

我的意思是：

谢谢你的帮助

巴尔扎德。

请看这把小提琴，用于变换动作。 在圆的“onAnimation”方法中，我们将圆的中心坐标转换为 使用

Matrix.x

，

Matrix.y

将结果指定给矩形的x，y坐标系。

这显示了另一个选项。它可能没有rajkamal的解决方案那么优雅，但如果您不习惯使用矩阵，它可能更容易理解。你应该可以随意添加功能（注意我添加的“眼睛”）

基本上，我只是将特性添加到集合中，并将转换应用到集合中的每个元素。通过单击右侧的彩色方块开始动画。请注意，“相对移动”将使集合沿其“查看”的方向移动