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

How to enable physics for graphic object in Phaser.js?

这是一个简单的 Phaser.js 脚本示例:

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

但即使graphics.body.collideWorldBounds = true;我的图形对象掉到屏幕下面。如何在世界边界(屏幕边界)和图形对象之间进行交互?

问题似乎是世界边界的底部远低于可见屏幕。这就是球不会弹回屏幕的原因。

我不知道 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