100行代码实现“Perfect Square”游戏

作者: ladeng6666 分类: HTML5 发布时间: 2016-03-05 22:49 阅读: 2,100

你玩过由Boombit团队开发的Perfect Square“完美方块”游戏吗?

调整方块的的大小,让它可以完美的落在底部的平台上(不能掉下去哦)。按住方块可以让它变大,松开后方块落下。听起来非常的简单,不过这个简单的用一个手指就能完成的游戏,没有一定的精确度和时间强迫症,还真玩不了!

Perfect Square

乍看起来像是一个物理游戏,悄悄告诉你,只用tween缓动就可以完成,感谢Phaser游戏引擎。

先看一下我做的游戏原型(点击图片查看):

PerfectSqure

点击并按住方块,让它慢慢变大,松开鼠标方块自由落下。和你看到的一样,原始游戏中的可爱的动画效果,完美的呈现了出来。

下面是游戏示例的代码,遗憾的是,代码中没有添加注释。没关系,我会在这周内,一步一步的向你解释实现的过程。

正如你所看到的,代码中只用了缓动,没有使用任何物理引擎。

点击下载源文件

 

  • 原文名称:HTML5 prototype of iOS game “Perfect Square!” made with Phaser using only tweens in 100 lines of code
  • 原文链接: 点击阅读原文
  • 原文作者:Emanuele feronato

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

发表评论

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