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

【问题标题】：How to enable physics for graphic object in Phaser.js?如何在Phaser.js中为图形对象启用物理物理
【发布时间】：2018-05-13 21:53:42
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript canvas phaser-framework

【解决方案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

【讨论】：