现在你知道了如何制造种类繁多的图形对象,但是你能用他们做什么?一个有趣的事情是利用它制作一个简单的 碰撞检测系统 。你可以用一个叫做: 的自定义的函数来检测两个矩形精灵是否接触。
如果它们重叠, hitTestRectangle
会返回 true
。你可以用 hitTestRectangle
结合 if 条件语句去检测两个精灵是否碰撞:
if (hitTestRectangle(cat, box)) {
} else {
//There's no collision
正如你所见, hitTestRectangle
是走入游戏设计这片宇宙的大门。
你已经看到了创建这些所有元素的代码,让猫移动的键盘控制。唯一的新的东西就是 hitTestRectangle
函数被用在 play
函数里检测碰撞。
play
函数被每秒调用了60次,每一次这个 if 条件语句都会在猫和盒子之间进行碰撞检测。如果 为 true
,那么文字 message
对象会用 setText
方法去显示 “Hit”:
message.text = "Hit!";
如果没有碰撞,消息和盒子会保持它们的原始状态。
message.text = "No collision...";
代码很简单,但是你已经创造了一个看起来完全活着的互动的世界!它简直跟魔术一样!令人惊讶的是,你大概已经拥有了你需要用Pixi制作游戏的全部技能!