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.7.1.min.js"></script>
 7 </head>
 8 <body>
 9     <canvas id="gameView" width="400px" height="400px" style="background-color:#cccccc;"></canvas>
10     <script src="app.js"></script>
11 </body>
12 </html>

在HTML5文件中引入的app.js文件源码如下:

 1 /**
 2  * create 1、CreateJS介绍-EaselJS-app.js by dpp on 2016/1/4
 3  * @authors Your Name ([email protected])
 4  * @date    2016-01-04 01:06:54
 5  * @version $Id$
 6  */
 7
 8 var stage = new createjs.Stage(‘gameView‘);
 9
10 var text = new createjs.Text(‘Hello easeljs‘ , ‘36px Arial‘ , ‘#777‘);
11
12 stage.addChild(text);
13
14 stage.update();

例子"1、CreateJS介绍-EaselJS"的源码地址:https://github.com/daipianpian/CreateJS-Study/tree/master/1%E3%80%81CreateJS%E4%BB%8B%E7%BB%8D/L01_EaselJS

时间: 2024-09-30 10:56:11

1、CreateJS介绍-EaselJS的相关文章

canvas 动画库 CreateJs 之 EaselJS(下篇)

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

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

Html5游戏框架createJs组件--EaselJS(二)绘图类graphics

有端友问我是否有文档,有确实有,但没有中文的,只有英文的,先提供浏览地址供大家参考学习createJs英文文档.                        EaselJS其实主要就是createJs组件中控制canvas绘图的,那么就会涉及密切相关的绘图操作,绘图操作利用Graphics类实现,我们来仔细的研究研究Graphics类. 先回顾一下EaselJS(一里面的那个圆形绘图): <!DOCTYPE HTML> <html lang="en-US">

CreateJS介绍-了解CreateJS

1.CreateJS 一款HTML5游戏开发引擎 CreateJS 是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包,旨在降低 HTML5 项目的开发难度和成本,让开发者以熟悉的方式打造更具现代感的网络交互体验. CreateJS 中包含四款工具: EaselJS:用来处理HTML5的canvas 用于 Sprites.动画.向量和位图的绘制,创建 HTML5 Canvas 上的交互体验(包含多点触控),同时提供 Flash 中的“显示列表”功能. TweenJS:用来处理HTML5的

Html5游戏框架createJs组件--EaselJS(一)

现在html5小游戏越来越火爆了,由于公司业务的需要,也开发过几款微信小游戏,用canvas写的没有利用什么框架,发现性能一直不怎么好,所以楼主就只能硬着头皮去学习比较火的Adobe公司出的CreateJS框架,找了很久资料比较少,基本没什么 中文文档,很多都是英文文档(想想我这才过四级,只能借用有道,一点一点看,一点一点翻译学习),今天我就写个引子(也是在慢慢学习),写的不好,大家就不要见笑. EaselJS是CreateJS Suite中的一个js库,它可以让canvas的使用变得简单,它提

canvas 动画库 CreateJs 之 EaselJS(上篇)

本文来自网易云社区 作者:田亚楠 须知 本文主要是根据 createjs 中的 EaselJS 在 github 上的 tutorials 目录下的文章整理而来 (原文链接),同时也包含了很多本人的理解,如过有叙述不当的地方,请联系我 :-D 本文对原文中的一些知识点的解释进行了删减,对另外一些进行了扩展,同时对文中的 demo 进行了改写,如果感到阅读困难的话请参考原文(本文中有对应的原文链接) 如果文中提供的 demo 无法打开,可以参考原文中的 demo. 从一个简单例子开始 对应原文:G

一篇文章带你快速入门createjs

开始用createjs这个框架的时候,发现网上的相关教程还是挺少的,所以写一篇文章,方便日后查看. createjs简介 官网:http://www.createjs.cc/ createjs中包含以下四个部分: EaselJS:用于 Sprites.动画.向量和位图的绘制,创建 HTML5 Canvas 上的交互体验(包含多点触控) TweenJS:用于做动画效果 SoundJS:音频播放引擎 PreloadJS:网站资源预加载 类似于SoundJS,PreloadJS,如果自己处理起来比较方

游戏1:HTML5制作网页游戏围住神经猫--createjs

游戏简介:点击小圆圈,是蓝色的小圆圈不跑出圆圈外,跑出则结束游戏 准备工作: 下载easejs  :下载地址:http://www.createjs.cc/easeljs    中文网站 效果: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>围住神经猫游戏</title> <