doctype html> <html lang="zh"> <head> <title>PreloadJS的基础使用</title> <meta charset="UTF-8" /> http://cdn.gbtags.com/EaselJS/0.7.1/easeljs.min.js"></script> <script src="http://cdn.gbtags.com/<em>PreloadJS</em> /0.4.1/<em>preloadjs</em>.min.js"></script> <script> var canvas = document.getElementById("myCanvas
在页面加载时,我们需要跑把这些资源加载到资源库中,资源的预加载我们需要使用一个名为preloadjs的第三方辅助库,因此在indexl.html中做如下修改: <head> <meta charset /static/preloadjs-0.4.1.min.js"></script> <script type="text/javascript"> window.createjs = change 1 window.images = images </script> <title>Space Defender</title> </head> 在代码中我们将preloadjs window.images ... // change 4 this.load() ... } ... } this.load函数是调用preloadjs start () { this.initWaves() this.startWave() }, 在上面代码中,我们获得一个loader,这个loader就来找与preloadjs
createjs由几个库组成: l easeljs,这个是核心,包括了显示列表、事件机制; l preloadjs,用于预加载图片等; l tweenjs,用于控制元件的缓动; l soundjs,用于播放声音 easeljs 81k,preloadjs 31k,soundjs 34k,tweenjs 18k,对于手机小动画或小游戏,其实只需要加载easeljs即可,因为核心库已经涵盖了简单图片的预加载功能。
包括EaselJs、TweenJs、SoundJs、 PreloadJs四个部分。它基于容器进行展示,其中根容器是stage(舞台)对象。
# CreateJS 库 & Phaser 游戏引擎 CreateJS:它是多个库的集合,EASELJS (控制素材展示与组合)、TWEENJS (控制素材缓动动画)、SOUNDJS (控制声音)、PRELOADJS
/static/preloadjs-0.4.1.min.js"></script> <script type="text/javascript" src=".
包括EaselJs、TweenJs、SoundJs、 PreloadJs四个部分。它基于容器进行展示,其中根容器是stage(舞台)对象。
(4)CreateJs CreateJS 官方提供了 TweenJS 支持动画开发,同时通过 SoundJS 和 PreLoadJS 提供了音频和预下载的支持,对于 H5 游戏基础功能的支持是足够的。
CreateJS 周边产品 CreateJS 官方提供了 TweenJS 支持动画开发,同时通过 SoundJS 和 PreLoadJS 提供了音频和预下载的支持,对于 H5 游戏基础功能的支持是足够的
,通过 JS 给图片 src 属性进行赋值;③ 使用 XMLHttpRequest 对象,其优点在于能更加精细的控制预加载过程,但缺点在于,可能会出现跨域问题若是想对跨域可能性进行兼容,推荐大家使用 PreloadJS
/static/preloadjs-0.4.1.min.js"></script> <script type="text/javascript"> window.createjs =