CreateJS介绍-了解CreateJS

1、CreateJS

　　一款HTML5游戏开发引擎

　　CreateJS 是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包，旨在降低 HTML5 项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。

CreateJS 中包含四款工具：

　　EaselJS：用来处理HTML5的canvas

　　　　　　　　用于 Sprites、动画、向量和位图的绘制，创建 HTML5 Canvas 上的交互体验（包含多点触控），同时提供 Flash 中的“显示列表”功能。

　　TweenJS：用来处理HTML5的动画调整和javascript属性

　　　　　　　　一个简单的用于制作类似 Flash 中“补间动画”的引擎，可生成数字或非数字的连续变化效果。

　　SoundJS：用来帮助简化处理音频相关的API

　　　　　　　　一个音频播放引擎，能够根据浏览器性能选择音频播放方式。将音频文件作为模块，可随时加载和卸载。

　　PrloadJS：管理和协调程序加载项的类库

　　　　　　　　帮助你简化网站资源预加载工作，无论加载内容是图形、视频、声音、JS、数据……

CreateJS源码地址：https://github.com/CreateJS

EaselJS-master→docs EaselJS的相关文档API

EaselJS-master→examples EaselJS的所有相关事例

EaselJS-master→lib EaselJS不同版本的源码

使用时，将EaselJS-master→lib下的EaselJS所需版本拷贝到自己项目的js文件下

时间： 2024-11-08 15:04:00

CreateJS介绍-了解CreateJS的相关文章

3、CreateJS介绍-SoundJS

需要在html5文件中引入的CreateJS库文件是soundjs-0.5.2.min.js HTML5文件如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3.CreateJS介绍-SoundJS</title> <script src="soundjs-0.5.2.min.js&

4、CreateJS介绍-PreLoadJS

需要在html5文件中引入的CreateJS库文件是preloadjs-0.4.1.min.js HTML5文件如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>4.CreateJS介绍-PreLoadJS</title> 6 <script src="prelo

1、CreateJS介绍-EaselJS

需要在html5文件中引入的CreateJS库文件是easeljs-0.7.1.min.js HTML5文件如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>1.CreateJS介绍-EaselJS</title> 6 <script src="easeljs-0

今天给大家介绍一款h5游戏的小框架,createjs,相信很多人都接触过.先简单介绍下createjs:CreateJS为CreateJS库,可以说是一款为HTML5游戏开发的引擎. CreateJS 中包含五款工具: EaselJS:用于 Sprites.动画.向量和位图的绘制,创建 HTML5 Canvas 上的交互体验(包含多点触控),同时提供 Flash 中的“显示列表”功能. TweenJS:一个简单的用于制作类似 Flash 中“补间动画”的引擎,可生成数字或非数字的连续变化效果.

canvas 动画库 CreateJs 之 EaselJS（下篇）

本文来自网易云社区作者:田亚楠继承对应原文:Inheritance 我们可以继承已有的「显示对象」,创建新的自定义类.实现方法有很多种,下面介绍其中之一. 举例:实现一个继承于 Container 类的自定义类 Button: 共分 4 步: 自定义构造器继承父类,获得父类的功能重写已有方法,扩展自身方法 promote 继承来的方法,返回自定义类 (function () { // 自定义构造器 // - 调用继承的父类构造器() // - label 为自

H5实例教学--从AnimateCC到CreateJS入门

源码以及资源地址下载:链接: http://pan.baidu.com/s/1kU8LBTH 密码: j7hu 首先,打开flash文件,可以看到库里面有几个待使用的元件我们先用软件自带的发布功能发布一下快捷键 alt+shift+F12,也可以在文件里选择发布发布后在flash文件旁边会有一个html和一个js 我们打开demo1.html可以看到这样的代码片段 var canvas, stage, exportRoot; function init() { // --- write yo

Createjs学习心得之使用EaselJs实现拖拽效果

寒假时跟着老师在做一个createjs+angularjs的html5应用app,因为在这之前完全没了解过createjs这个框架,所以在查找资料时发现,国外官网(http://www.createjs.com)API文档虽是详细,但对于一些英语不太好的童鞋(其实我也是一枚英语渣渣)就比较难理解了.而国内中文社区做的并不好,用户不多,资料翻译准确度不够.所以在这里,我就把我学习Createjs的一些心得体会向大家分享下: 一.什么是CreateJS? createjs是一个轻量级的javascr

createjs 下雪实例

demo: http://output.jsbin.com/davixatona <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Paper</title> <script src=

createjs入门

createjs是一个轻量级的框架,稍微有点时间和耐心,就可以把全部源代码都看一遍,毕竟只有三十几个js文件.地址:http://www.createjs.com/ 开发createjs的动画或游戏,没有重型的IDE或什么工具支持,我们只能从零开始写js.一方面,这样对于jser来说,足够灵活:另外一方面,createjs因此足够精简足够小. createjs由几个库组成: l easeljs,这个是核心,包括了显示列表.事件机制: l preloadjs,用于预加载图片等: l tweenjs