个人中心
gpt4 book ai didi

javascript - 0x800a1391 - JavaScript 运行时错误 : 'Stage' is undefined

转载 作者：行者123 更新时间：2023-11-30 05:48:50 25 4
gpt4 key购买 nike

我正在尝试完成本教程:

http://www.sitepoint.com/creating-a-simple-windows-8-game-with-javascript-game-basics-createjseaseljs/ 

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>CatapultGame</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- CatapultGame references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>
    <script src="js/CreateJS/easeljs-0.6.0.min.js"></script>
    <script src="js/CreateJS/preloadjs-0.2.0.min.js"></script>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
</body>
</html>

还有JS文件

// For an introduction to the Blank template, see the following documentation:
// http://go.microsoft.com/fwlink/?LinkId=232509


(function () {
    "use strict";

    WinJS.Binding.optimizeBindingReferences = true;

    var app = WinJS.Application;
    var activation = Windows.ApplicationModel.Activation;

    WinJS.strictProcessing();

    var canvas, context, stage;
    var bgImage, p1Image, p2Image, ammoImage, p1lives, p2lives, title, endGameImage;
    var bgBitmap, p1Bitmap, p2Bitmap, ammoBitmap;
    var preload;

    // Current Display Factor. Because the orignal assumed a 800x480 screen
    var SCALE_X = window.innerWidth / 800;
    var SCALE_Y = window.innerHeight / 480;
    var MARGIN = 25;
    var GROUND_Y = 390 * SCALE_Y;

    function initialize() {
        canvas = document.getElementById("gameCanvas");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        context = canvas.getContext("2d");

        preload = new createjs.PreloadJS();
        preload.onComplete = prepareGame;
        var manifest = [
            { id: "screenImage", src: "images/Backgrounds/gameplay_screen.png" },
            { id: "redImage", src: "images/Catapults/Red/redIdle/redIdle.png" },
            { id: "blueImage", src: "images/Catapults/Blue/blueIdle/blueIdle.png" },
            { id: "ammoImage", src: "images/Ammo/rock_ammo.png" },
            { id: "winImage", src: "images/Backgrounds/victory.png" },
            { id: "loseImage", src: "images/Backgrounds/defeat.png" },
            { id: "blueFire", src: "images/Catapults/Blue/blueFire/blueCatapult_fire.png" },
            { id: "redFire", src: "images/Catapults/Red/redFire/redCatapult_fire.png" },
        ];

        preload.loadManifest(manifest);


        stage = new Stage(canvas); <<<--------
    }

    function prepareGame() {
        bgImage = preload.getResult("screenImage").result;
        bgBitmap = new Bitmap(bgImage);
        bgBitmap.scaleX = SCALE_X;
        bgBitmap.scaleY = SCALE_Y;
        stage.addChild(bgBitmap);

        stage.update();
    }

    function gameLoop() {

    }

    function update() {

    }

    function draw() {

    }

    app.onactivated = function (args) {
        if (args.detail.kind === activation.ActivationKind.launch) {
            if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
                // TODO: This application has been newly launched. Initialize
                // your application here.
            } else {
                // TODO: This application has been reactivated from suspension.
                // Restore application state here.
            }
            args.setPromise(WinJS.UI.processAll());
        }
    };

    app.oncheckpoint = function (args) {
        // TODO: This application is about to be suspended. Save any state
        // that needs to persist across suspensions here. You might use the
        // WinJS.Application.sessionState object, which is automatically
        // saved and restored across suspension. If you need to complete an
        // asynchronous operation before your application is suspended, call
        // args.setPromise().
    };

    document.addEventListener("DOMContentLoaded", initialize, false);

    app.start();
})();

但是当我尝试运行该项目时，我在代码中的标记位置收到错误消息“0x800a1391 - JavaScript 运行时错误:'Stage' 未定义”。

我做错了什么？

最佳答案

如果您使用的是较新版本的 EaselJS(3.1 是当前版本)，则需要更改一些内容。最常见的是 EaselJS 和 PreloadJS 对象现在包装在 createjs 命名空间中。所以教程中的行:

stage = new Stage(canvas);

成为

stage = new createjs.Stage(canvas);

和线

bgBitmap = new Bitmap(bgImage);

成为

bgBitmap = new createjs.Bitmap(bgImage);

关于javascript - 0x800a1391 - JavaScript 运行时错误 : 'Stage' is undefined，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16101633/

25 4 0
文章推荐： javascript - 函数和闭包可以替代 Javascript 中的类吗？
文章推荐： javascript - 检测主干模型更改以启用表单的保存按钮和更新模型
文章推荐： javascript - 获取使用 AJAX 动态生成的 div 的属性
文章推荐： javascript - setInterval() 如何影响性能？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com