Javascript 在Phaser 3中生成的形状上使用.setCollizeWorldBounds（）

我试图制作一个简单的pong克隆来学习Phaser3框架

但是，我似乎无法在一些生成的矩形上调用

.setCollizeWorldBounds（）

函数，我正在使用这些矩形作为拨片

这是我的一些代码

function create() {

    gameState.playerPaddle = this.add.rectangle(50, 400, 50, 200, 0x000000);
    gameState.compPaddle = this.add.rectangle(950, 400, 50, 200, 0x000000);

    gameState.cursors = this.input.keyboard.createCursorKeys();

    // makes paddles interactive
    gameState.playerPaddle.setInteractive();
    gameState.compPaddle.setInteractive();

    // Should stop the shapes from leaving the screen but doesn't
    gameState.compPaddle.setCollideWorldBounds(true);
    gameState.playerPaddle.setCollideWorldBounds(true);

};

function update() {
    if (gameState.cursors.down.isDown){
        gameState.playerPaddle.y += 10; 
    }
    if (gameState.cursors.up.isDown) {
        gameState.playerPaddle.y -= 10;
    }
};

这个扔

TypeError:gameState.CompPable.SetCollizeWorldBounds不是一个 作用

---

我假设这是因为我使用的是一个形状而不是一个精灵，但是有没有办法在相位器生成的形状上拥有类似的功能？我在文档中找不到任何内容。

结果是我忘了在配置中添加物理对象

例如：

physics: {
    default: 'arcade',
    arcade: {
      gravity: { y: 200 },
      enableBody: true,
    }
}

---

你能分享一下github的hits代码吗？还是共享整个代码？我会更好地帮助你。你在游戏中使用物理吗？@brae我忘记添加物理对象了，谢谢