Question

我一直试图让Phaser 3在现有的秘银网站上工作。现有的所有Phaser 3示例似乎都可以“神奇地”工作。没有可将移相器游戏安装到DOM中的javascript代码。搜索让我无处可去。甚至'modern' tutorial似乎也只是加载了js并繁荣了一个游戏。

如何将移相器游戏合并到现有的秘银框架中？我可以像这样简单地安装pixi canvas：

import * as PIXI from 'pixi.js'

app = new PIXI.Application 800, 600,
  backgroundColor: 0x1099bb

basicText = new PIXI.Text('Basic text in pixi')
basicText.x = 30
basicText.y = 90

app.stage.addChild basicText

export class BPScreen
  view: ->
    m '#balloon-pop',
      oncreate: ({ dom })->
        dom.appendChild app.view

我可以使用Phaser 3完成此操作吗？

Answer 1

在相位游戏的配置中，有一个名为parent的属性，您可以在其中传递父元素（例如div）的ID。

因此，示例配置为：

const config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    ...
    [other config options]
};

然后在HTML中，您将拥有类似的东西

<div id="gameDiv"></div>

将Phaser 3游戏嵌入到现有的秘银网站中

1 个答案: