CreateJS
CreateJS为CreateJS库，可以说是一款为HTML5游戏开发的引擎。
打造 HTML5 游戏
构建新游戏
提供构建最新 HTML5 的技术、你可以通过这个网站学习如何构建跨平台和跨终端游戏。这个资源库还会告诉你如何构建多人在线游戏。
CreateJS
CreateJS 是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，旨在降低 HTML5 项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。
CreateJS 中包含五款工具：
EaselJS：用于 Sprites、动画、向量和位图的绘制，创建 HTML5 Canvas 上的交互体验（包含多点触控），同时提供 Flash 中的“显示列表”功能。
TweenJS：一个简单的用于制作类似 Flash 中“补间动画”的引擎，可生成数字或非数字的连续变化效果。
SoundJS：一个音频播放引擎，能够根据浏览器性能选择音频播放方式。将音频文件作为模块，可随时加载和卸载。
PrloadJS：帮助你简化网站资源预加载工作，无论加载内容是图形、视频、声音、JS、数据……
PxLoadr
一款用于网站资源预加载的 JavaScript 库，可加载图片、音频等任何类型的文件。PxLoader 除了可以帮你对资源加载的进度进行监测，捕捉“加载完成”事件外，还可以帮你指定资源加载的顺序。你甚至还可以按照优先级分组加载资源。
111A suite of Javascript libraries & tools for building rich, interactive experiences with HTML5.
这是CreateJS的官网截图，一套非常不错的javascript开发库工具。今天我们推荐它的原因在于
CreateJS是一个集成的模块化类库，利用它可以帮助你开发富客户端RIA的互动应用，这些类库的设计非常独立，包含了不同的模块。如上图所示，主要
包括以下模块内容，你可以单独下载使用。
EASEJS：用来处理HTML5的canvas
TWEENJS：用来处理HTML5的动画调整和javascript属性
SOUNDJS：用来帮助简化处理音频相关的API
PRELOADJS：管理和协调程序加载项的类库
ZOE：将SWF动画导出为EaseIJS的sprite的工具
基于这些库，可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。运行环境请使用Safari, Chrome, Firefox 或者 IE 9+ 。
利用这些模块来开发运行游戏非常简单，在主页面里 添加一个canvas即可。
|
12345
|
<div
class="canvasHolder"style="background-color:#000000; height:500px;
position:relative; float:left;margin-top: 20px;"> <canvas
style="position:absolute;
float:left"id="gameCanvas"width="750"height="500"></canvas>
</div>
|
在页面加载时，初始化游戏对象
|
1234567
|
<script
type="text/javascript"> functioninit() { vargame = newBkomRobot();
}</script></head><body onload="init();">
|
这是HTML5在线游戏的Demo网站，如有兴趣可以仔细分析其JS代码，游戏的UI很萌！
浙公网安备 33010602011771号