phaser-framework - 将 Phaser 3 游戏嵌入现有的秘银网站
问题描述
我一直试图让 Phaser 3 在现有的秘银网站上工作。所有现有的 Phaser 3 示例似乎都“通过魔法”工作。没有 javascript 代码可以将移相器游戏安装到您的 DOM 中。搜索让我无处可去。即使是“现代”教程似乎也只是加载了 js,然后就有了一个游戏。
如何将移相器游戏合并到现有的秘银框架中?我可以像这样简单地安装一个 pixi 画布:
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 完成此任务吗?
解决方案
在移相器游戏的配置中有一个名为的属性parent
,您可以在其中传递父元素的 id,例如 div。
所以一个示例配置是:
const config = {
type: Phaser.AUTO,
width: 800,
height: 600,
...
[other config options]
};
然后在HTML中你会有类似的东西
<div id="gameDiv"></div>
推荐阅读
- javascript - 如何获取长度以了解生成的数字数量?
- c - 如何在 C 中使用带有数组的随机数生成器
- python - 有没有一种快速的方法来遍历涉及计算的熊猫数据框?
- python - 如何从python中的N个不同正态分布中采样M次?在处理时间方面是否有“更快”的方式?
- julia - 声明任意数量的变量以创建多项式环 julia
- javascript - 将“确认”弹出按钮标签“确定”和“取消”更改为“继续”和“返回页面”
- oracle - Oracle - JSON_VALUE 返回 NULL
- java - 虽然循环错误重复我的用户输入提示
- android - Firebase Cloud Messaging 推送通知在 Android 上不能在前台工作,只能在后台工作
- macos - 错误:未知命令:木桶 || 尽管使用了多个实例试验