Question

Phaser 游戏不工作阶级延伸问题

2020-09-22

415

html phaser-framework

我正在为一个项目进行设计，它对我的场景说了这些，但只有一个空白的屏幕，是白色的

当我检查调试时，我得到了这个：

Uncaught TypeError: Class extends value undefined is not a constructor or null

这是我的索引文件

<!doctype html> 
<html lang="en"> 
<head> 
    <title>save the mahanadi river, an energy project</title>  
     <!--libs-->
     <script src="//cdn.jsdelivr.net/npm/[email protected]/dist/phaser.js"></script>
     <!--project-->
     <script type = "text/javascript" src = ".js/game.js"></script>
     <!--scenes-->
     <script type = "text/javascript" src = "scenes/boot.js"></script>
     <script type = "text/javascript" src = "scenes/menu.js"></script>
</head>
<body>
   <H1>hello for now</H1> 
</body>
</html>

和我的场景问题代码

class Boot extends Phaser.scene {
    constructor() {
        super("Boot")
    };

    preload (){
        
    };

    create (){
        this.add.text(20, 20, "welcome!")
    };

    update (){
        
    };
};

这是我的 game.js

    window.onload = function(){
        var config = {
            type: Phaser.AUTO,
            width: 800,
            height: 600,
            physics: {
                default: 'arcade',
                arcade: {
                    gravity: { y: 300 },
                    debug: false
                }
            },
            scene: {
                preload: preload,
                create: create,
                update: update
            }
        };
    
        var game = new Phaser.Game(config);
    }


ok thanks photon storm but i still have bugs 

my game.js

window.onload = function(){
    var config = {
        type: Phaser.AUTO,
        width: 800,
        height: 600,
        Scenes: [Boot,Menu],
        Scenes.push(Boot),
        Scenes.push(Menu),
        physics: {
            default: 'arcade',
            arcade: {
                gravity: { y: 300 },
                debug: false
            }
        },
    };

    var game = new Phaser.Game(config);

    
    
}

它在 phaser.push 中给出问题

Answer 1

如果您要为场景使用类，则需要更改游戏配置以反映这一点。目前它仍在使用旧的 3 函数方法，但您需要告诉它您现在正在使用场景类：

scene: [ Boot ]

“Boot”在哪里是您的启动场景。添加更多场景？将它们附加到此数组。列表中的第一个将自动启动。