加载一个画布,然后加载另一个

时间:2015-07-04 02:34:52

标签: javascript html5 canvas flash-cc

我正在使用Flash为HTML生成动画内容。 但是项目越来越长,我正在考虑使用几个分开的画布文件。 我正在HTML末尾的<script>标记中加载画布内容(.js)。

我的问题是,如果第一个脚本完成后我如何更改.js脚本(我用几个按钮控制导航)。 我知道何时更改画布文件(当第一个文件中的导航结束时),但我不知道如何更改它 我应该尝试更改脚本标记的内容吗?我应该加载所有脚本并控制它们以建立并命令显示它们吗?我应该将隐藏的可见性设置为我不想看到的所有画布吗?

这是flash生成的HTML代码:

<script>
    var canvas, stage, exportRoot;

    function init() {
        canvas = document.getElementById("canvas");
        images = images||{};

        var loader = new createjs.LoadQueue(false);
        loader.addEventListener("fileload", handleFileLoad);
        loader.addEventListener("complete", handleComplete);
        loader.loadManifest(lib.properties.manifest);
    }

    function handleFileLoad(evt) {
        if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
    }

    function handleComplete(evt) {
        exportRoot = new lib.cap_1();

        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();
        stage.enableMouseOver();

        createjs.Ticker.setFPS(lib.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);
    }
    </script>

我看到的是,我可以使用所有画布值创建一些像exportRoot这样的变量,并为方便起见添加/删除子项。

有关如何做到这一点的任何想法吗?

0 个答案:

没有答案