TwinSpin游戏中的运动方式

作者: ladeng6666 分类: HTML5 发布时间: 2016-03-14 19:52 阅读: 9,468

TwinSpin是一个很有意思的Flash游戏,我甚至都找不到原始的Flash版本了(看来Flash真的没落了)。如果你还能找到这个Flash游戏,记得把链接发给我。
现在我只找到了iOS版的TwinSpin。

TwinSpine

游戏中有两个旋转的小球。每个小球都以另一个小球为圆心旋转,一个顺时针旋转,另一个逆时针旋转。点击或触碰屏幕,旋转的小球停止,另一个小球开始旋转。

点击图片查看游戏效果:

Alt text

点击或触碰屏幕,切换旋转的小球。

通过一个简单的Sprite对象,然后把anchor坐标设置为固定的小球的坐标,可以很轻松的实现上面的效果。
但是注意细节,小球只是沿着原型的轨迹旋转,但是本身是不旋转的。

因此,这里创建了3个sprite:其中2个分别代表小球,另一个代表链接小球的连杆儿。然后使用三角函数计算出小球运动的轨迹,使其旋转。大致的代码如下:

代码很简单,应该不需要什么注释。不过,有问题的时候你可以随时留言。
点击下载源文件

  • 原文名称:HTML5 prototype: player movement like in TwinSpin game with Phaser
  • 原文链接: 点击阅读原文
  • 原文作者:Emanuele feronato

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注