CreateJS 是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，旨在降低 HTML5 项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。
CreateJS 中包含：
EaselJS：用于 Sprites、动画、向量和位图的绘制，创建 HTML5 Canvas 上的交互体验（包含多点触控），同时提供 Flash 中的“显示列表”功能。
TweenJS：一个简单的用于制作类似 Flash 中“补间动画”的引擎，可生成数字或非数字的连续变化效果。
SoundJS：一个音频播放引擎，能够根据浏览器性能选择音频播放方式。将音频文件作为模块，可随时加载和卸载。
PrloadJS：帮助你简化网站资源预加载工作，无论加载内容是图形、视频、声音、JS、数据……
以上的Createjs介绍来自百度，不过通过介绍可以知道，虽然CreateJS看起来复杂，不过四个部分各有作用，其中最主要的就是EaselJS，其余三项不过是为他服务。
一.如何使用EaselJS
首先到http://createjs.com/ 下载最新版的EaselJS，下载解压后可以在lib文件夹中找到easeljs-0.8.1.min.js,同时在压缩包中可以找到一个examples和tutorials目录，这两个目录中包含一些入门介绍和例子，有英语基础可以看看，DOC文件夹中包含easeljs所有的api。（同理，可以得到createjs包含的其他三项，其目录结构都与EaselJS相似）。
1.得到easeljs-0.8.1.min.js后，新建一个HTML5文件并导入之：
[html] view plain copy
<script src="easeljs-0.8.1.min.js"></script>
2.入口函数和创建canvas标签
[html] view plain copy
<body onload="init()">
<canvas id="game" width="1000" height="700" style="background-color: white"></canvas>
</body>
3.编写自己的javascript代码，在函数init()中首先应该使用HTML中的canvas标签来创建一个Stage，createjs中用到的所有元素，都是添加在这个stage当中的，添加后调用stage.update()方法即可使得添加的元素显示在页面上。在创建Stage时，可以直接使用Canvas的id来创建，也可以调用document.getElementById("game")，选取canvas来创建，没有区别。
[javascript] view plain copy
<script>
function init(){
var stage = new createjs.Stage("game")
.......
stage.update()
}
</script>
二.使用EaselJS创建图形和文字
最简单的游戏都是由文字和图形组成，使用EaselJS添加文字和图形非常的简单。
1.添加文字
[html] view plain copy
var txt = new createjs.Text("HELLO","20px Times","#000")
Createjs中所有的元素都通过调用new createjs.XXXXX来创建，Text包含三个参数分别是显示的字符，字体及大小，最后是颜色。当然在创建完成后可以随意改变txt的x,y坐标和对其，居中以及内容等等的属性。例如：
[html] view plain copy
txt.x = 100
txt.y = 100
txt.text = "hello, world!"
完成后记得一定要把新创建的txt添加到stage中才能正常显示
在win7下实现多点触控方法:
首先，需要一台支持触摸特性的PC，目前市面上可选的产品主要有：
HP TouchSmart All-in-One PCs (IQ500 series &IQ800 series)。
HP TouchSmart tx2 Tablet PC。
Dell Latitude XT Tablet PC。
其次，需要安装最新的多点触摸驱动以使得屏幕能够识别触摸指示。不过这些驱动目前都是Beta阶段，而在正式发布之前都必须通过WHQL测试，我们目前无法保证所有预装Windows 7的机器都装有WHQL驱动。
HP TouchSmart All-in-One PCs ：这款机器的驱动只需通过Windows Update即可完成。
Dell Latitude XT and HP TouchSmart tx2 Tablet PCs：可以在N-Trig’s website上下载。
在Windows 7 Beta中，很多特性都是与多点触摸相关的。
如画图中的油漆刷就可以用手指来控制，不过支持的手指数目取决于机器对多点触摸的支持，有些只支持2个，有些可以达到4个设置更多。
Windows 7画笔。
还有IE8中，用户可以用手指在任意地方向上或向下拖拽滚动网页，还可以用手指向左/右甩以完成前进/后退 *** 作。另外，任务栏也是触摸优化过的，触摸的话用手指拖拽就可以打开Jumplists。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）