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

Question

我一直在尝试让 Phaser 3 在现有的秘银网站上运行。所有现有的 Phaser 3 示例似乎都有效 'by magic'。没有 javascript 代码可以将 Phaser 游戏安装到您的 DOM 中。搜索让我无处可去。甚至 'modern' tutorial 似乎也只是加载 js 和繁荣有一个游戏。

如何将 Phaser 游戏合并到现有的秘银框架中？我可以像这样简单地安装一个 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 的属性，您可以在其中传递父元素的 ID，例如 div。

所以示例配置是：

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

然后在 HTML 你会得到类似

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

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

embedding a phaser 3 game into an existing mithril website

phaser-framework

mithril.js