phaser3教程HTML页面未加载

时间:2019-04-10 06:56:26

标签: javascript phaser-framework

首次尝试使用Phaser 3。 “制作第一个Phaser 3游戏”教程中的每个html页面都不会加载。特别是,本教程显示了加载了蓝色“天空”图像的part3.html页面。但是当我打开它时,它什么也没装,只是空白页。

onComplete

我仅在预加载功能中更改了资产位置。尝试了Windows和Linux文件路径的绝对路径和相对路径。还是一无所有。

奇怪的是,“移相器入门”中的index.html页工作正常。

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8" />
    <title>Making your first Phaser 3 Game - Part 3</title>
    <script src="//cdn.jsdelivr.net/npm/phaser@3.15.1/dist/phaser-arcade-physics.min.js"></script>
    <style type="text/css">
        body {
            margin: 0;
        }
    </style>
</head>
<body>

<script type="text/javascript">

    var config = {
        type: Phaser.AUTO,
        width: 800,
        height: 600,
        scene: {
            preload: preload,
            create: create,
            update: update
        }
    };

    var game = new Phaser.Game(config);

    function preload ()
    {
        this.load.image('sky', 'C:\wamp64\www\assets\sky.png');
        this.load.image('ground', 'C:\wamp64\www\assets\platform.png');
        this.load.image('star', 'C:\wamp64\www\assets\star.png');
        this.load.image('bomb', 'C:\wamp64\www\assets\bomb.png');
        this.load.spritesheet('dude', 'C:\wamp64\www\assets\dude.png', { frameWidth: 32, frameHeight: 48 });
    }

    function create ()
    {
        this.add.image(400, 300, 'sky');
    }

    function update ()
    {
    }

</script>

</body>
</html>

我有点怀疑这与html标头部分有关,因此我复制了索引的标头部分并粘贴在part3上。然后,part3这次不显示任何空白页,而是显示黑屏,中间是绿色框。

我应该在原始的part3.html代码中解决什么? 相位器的正确文件路径是什么?

0 个答案:

没有答案