CreateJS框架初探_createjs 跳跃-CSDN博客

本文链接：https://blog.csdn.net/u010815486/article/details/52486329

这篇博客介绍了CreateJS框架的初步探索，包括easelJs和preloadJs的使用。通过创建一个简单的控制小人移动的demo，展示了如何进行资源加载，并强调了在资源加载过程中可能出现的问题和解决方法，如错误监听和并发设置。最后提供了相关资源链接以供进一步学习。

摘要由CSDN通过智能技术生成

createJs作为一个轻量级框架，使得canvas开发轻松不少；不过初次接触还是有些坑。createJs分成easelJs（图形动画）、preloadJs（文件加载）、soundJs（音频控制）以及tweenJs（补间动画）四部分，直接写一个小demo当入门吧。

最终效果是用w、a、s、d控制小人的移动与跳跃，这里只需要引入easelJs和preloadJs即可。

var canvas = document.getElementById("canvas");
var stage = new createjs.Stage(canvas);
var preload = new createjs.LoadQueue(false);

先用LoadQueue对象加载资源，这里传一个false参数。（true为使用 XHRLoader，false将使用 TagLoader；本地开发使用false即可）

然后加载资源：

        function startPreload() {
            var manifest = [{
                id: 'ground',
                src: 'ground.png'
            }, {
                id: 'man',
                src: 'man.png'
            }];
            preload.setMaxConnections(3);
            preload.maintainScriptOrder = true;
            preload.installPlugin(createjs.Sound);
            preload.on("error", loadError);
            preload.on("complete", loadComplete);
            preload.loadManifest(manifest);
        }
        startPreload();

将需要的资源写成JSON，调用loadManifest()方法加载。这里记录一下LoadQue