Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 发射相位器游戏_Javascript_Typescript_Phaser Framework - Fatal编程技术网

Javascript 发射相位器游戏

Javascript 发射相位器游戏,javascript,typescript,phaser-framework,Javascript,Typescript,Phaser Framework,我是javascript/typescript新手,我正在尝试学习它,同时用Phaser构建一个简单的游戏。我一直在启动游戏实例:当我像phaser网站上的第一个示例那样创建它时,它会启动,但如果我在一个名为表单提交的函数中创建游戏对象,它会启动,但会立即结束;代码如下: index.html game.ts 就像每次函数submitForm返回时游戏对象都被销毁一样。问题在于表单submit。如果在您选择的浏览器中调出开发人员工具,您将看到表单有效地发回页面,导致刷新 一种解决方案是更新ind

我是javascript/typescript新手,我正在尝试学习它,同时用Phaser构建一个简单的游戏。我一直在启动游戏实例:当我像phaser网站上的第一个示例那样创建它时,它会启动,但如果我在一个名为表单提交的函数中创建游戏对象,它会启动,但会立即结束;代码如下:

index.html game.ts
就像每次函数submitForm返回时游戏对象都被销毁一样。

问题在于表单submit。如果在您选择的浏览器中调出开发人员工具,您将看到表单有效地发回页面,导致刷新

一种解决方案是更新index.html中的表单元素,如下所示:

<form class="well" onsubmit="submitForm(); return false;">
    // ...
    <button type="submit" class="btn btn-primary">Play</button>
</form>
返回错误;将阻止该职位


如果您不需要表单来实际发布任何数据,您可能会删除提交类型并在按钮本身上连接事件。

问题在于表单提交。如果在您选择的浏览器中调出开发人员工具,您将看到表单有效地发回页面,导致刷新

一种解决方案是更新index.html中的表单元素,如下所示:

<form class="well" onsubmit="submitForm(); return false;">
    // ...
    <button type="submit" class="btn btn-primary">Play</button>
</form>
返回错误;将阻止该职位


如果您不需要表单来实际发布任何数据,您可以删除提交类型并在按钮本身上连接一个事件。

您能在plnkr或JSFIDLE上重现错误吗?您能在plnkr或JSFIDLE上重现错误吗?很高兴提供帮助!祝你打字好运;因为Phaser,我发现了它,我真的很喜欢它。很高兴能帮上忙!祝你打字好运;因为Phaser,我发现它后,我真的很喜欢它。
class SimpleGame {

    constructor() {
        this.game = new Phaser.Game(800, 600, Phaser.AUTO, 'content',
            {
                preload: this.preload,
                create: this.create,
                update: this.update,
                render: this.render
            });
    }
    ...
    ...
}
<form class="well" onsubmit="submitForm(); return false;">
    // ...
    <button type="submit" class="btn btn-primary">Play</button>
</form>