如何在Phaser.js中为图形对象启用物理？

Question

以下是一个简单的Phaser.js脚本示例：

https://jsfiddle.net/u13neuza/1/

但即使graphics.body.collideWorldBounds = true;我的图形对象掉到了屏幕下方。如何在世界边界（屏幕边框）和图形对象之间进行交互？

Answer 1

问题似乎是世界的底线远远低于可见屏幕。这就是为什么球不会反弹回屏幕。

我不知道worldbounds的默认设置是什么，但是如果你在你的例子中尝试下面的更改那么它有点工作：

// Physics settings
game.world.setBounds(0,0,800, 300); // x, y, width, height .. just trying some values
graphics.body.bounce.y = 0.9;       // more elastic, bounce higher
graphics.body.gravity.y = 500;
// etc