Create.js实战-找不同游戏之预加载页面

大家好，今天给大家带来是关于createjs的预加载页面，可能会有人问预加载很重要吗？我如果不用预加载那我游戏是否能运行？等等……问题。

官方链接：http://www.createjs.cc/src/docs/preloadjs/modules/PreloadJS.html

PreloadJS提供了一个一致的方式预先加载在HTML应用的内容，以及预加载可以使用HTML标签作为XHR完成。

默认， PreloadJS 将尝试使用XHR加载内容，因为它提供了进度和完成事件方面的更好支持， 然而由于跨域的问题，它可能仍然是优选使用基于标签的负载代替。 请注意，某些内容要求XHR工作（纯文本，网页音频）和一些需要的标签（HTML音频）。请注意，这是自动处理在可能的情况。

1.首先一个游戏不考虑主逻辑跟核心代码，最基本的图片素材加载，如果超过了20张，在舞台初始化时候就要调取并且响应你的操作，这个时候是可以的，但是要是同时加载50张以上，那么问题来了，会有null对象的存在，并不是说获取不到，这个坑我已经踩过了，今天分享出来给大家.

window.queue = new c.LoadQueue();
window.queue.installPlugin(createjs.Sound);//如果载入声音，必须先注册createjs.Sound
window.queue.addEventListener(“complete”, (ev) => {//放置场景加载完立即执行内容
gameData()
});
window.queue.addEventListener(“progress”, (ev) => {
// console.log(ev.progress);
})
window.queue.loadManifest([ //载入一个文件列表
{ id: “pointsound”, src: “music/pointsound.mp3” },
{ id: “s2”, src: “music/s2.mp3” },
{ id: “nzb”, src: “music/nzb.mp3” },

{ id: “5up”, src: “image/5/5pxup.png”},
{ id: “5down”,src: “image/5/5pxdown.png”},

//{ id: “vim”, src: “image/200/200pxup.png”},
{ id: “200up”, src: “image/200/200pxup.png”},
{ id: “80up”, src: “image/80/80pxup.png”},
{ id: “50up”, src: “image/50/50pxup.png”},
{ id: “40up”, src: “image/40/40pxup.png”},
{ id: “30up”, src: “image/30/30pxup.png”},
{ id: “25up”, src: “image/25/25pxup.png”},
{ id: “20up”, src: “image/20/20pxup.png”},
{ id: “15up”, src: “image/15/15pxup.png”},
{ id: “10up”, src: “image/10/10pxup.png”},
{ id: “5up”, src: “image/5/5pxup.png”},

{ id: “200left”, src: “image/200/200pxleft.png”},
{ id: “80left”, src: “image/80/80pxleft.png”},
{ id: “50left”, src: “image/50/50pxleft.png”},
{ id: “40left”, src: “image/40/40pxleft.png”},
{ id: “30left”, src: “image/30/30pxleft.png”},
{ id: “25left”, src: “image/25/25pxleft.png”},
{ id: “20left”, src: “image/20/20pxleft.png”},
{ id: “15left”, src: “image/15/15pxleft.png”},
{ id: “10left”, src: “image/10/10pxleft.png”},
{ id: “5left”, src: “image/5/5pxleft.png”},
])

后续的代码感兴趣的可以往下接着看，关于找不同游戏的各个组建开发与讲解，今天也是代码满满的一天，下期再见