EaselJs

javascript轻量级库createjs使用Easel实现拖拽效果

createjs里面共有四大引擎:EaselJS:主要用于动画、向量及位图的绘
Jolly2015·2016-02-19 09:00

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

寒假时跟着老师在做一个createjs+angularjs的html5应用app，因为在这之前完全没了解过createjs这个框架，所以在查找资料时发现，国外官网(http://www.createjs.com)API文档虽是详细，但对于一些英语不太好的童鞋（其实我也是一枚英语渣渣）就比较难理解了。而国内中文社区做的并不好，用户不多，资料翻译准确度不够。所以在这里，我就把我学习Createjs的一
Jolly2015·2016-02-18 23:00

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

寒假时跟着老师在做一个createjs+angularjs的html5应用app，因为在这之前完全没了解过createjs这个框架，所以在查找资料时发现，国外官网(http://www.createjs.com)API文档虽是详细，但对于一些英语不太好的童鞋（其实我也是一枚英语渣渣）就比较难理解了。而国内中文社区做的并不好，用户不多，资料翻译准确度不够。所以在这里，我就把我学习Createjs的一
Jolly2015·2016-02-18 23:00

easelJS 初始入门

easelJS初始入门 "> Title
stono·2016-02-17 09:00

JavaScript中的self、this、call、apply、prototype、initialize

最近在学习EaselJS框架，于是看了一些JavaScript，也在学习的过程中产生了许多问题，不过很多问题网友们也有这样的疑问，好在许多前人总结了问题，我在这里分享一个问题，一下原文来自网络，我做了整理
Frank_Jay·2015-12-05 21:00

CreateJs系列教程之 EaselJs_6_绘制动画走秀（spriteSheet）

核心JS代码：var cjs = createjs,     canvas,     stage,     container,     w = window.innerWidth,     h = window.innerHeight; function init() {     //设置canvas属性     canvas = document.getElementById('game')
玩爆H5·2015-11-16 13:00

javascript异步编程系列【十】—Jscex+Easeljs制作坦克大战

  二.回顾 上面介绍了一下Easeljs以及其优势，并且利用Easeljs+Jscex实现了坦克的右移以及开炮，但是还存在许多问题，比如移动不
·2015-11-13 20:40

JavaScript 动画库和开发框架

能够很好的和 EaselJS 库集成，但也不依赖或特定于它。它支持渐变的数字对象属性和 CSS 样式属性。API 简单但非常强大，因此很容易通过链式调用来创建复杂的补间动画。   2.
·2015-11-13 19:20

CreateJs系列教程之 EaselJs&Tween_5_绘制点击提示（Shape，Tween）

说明：这里引入了新的库：Tween.js缓动画；核心JS代码：var cjs = createjs,     canvas,     stage,     container,     w = window.innerWidth,     h = window.innerHeight,     s,     dt = ''; function init() {     //设置canvas属性
玩爆H5·2015-11-13 11:00

CreateJs系列教程之 EaselJs_4_绘制图片（Bitmap）

核心JS代码：var cjs = createjs,     canvas,     stage,     container,     w = window.innerWidth,     h = window.innerHeight,     image; function init() {     //设置canvas属性     canvas = document.getElementB
玩爆H5·2015-11-12 16:00

CreateJs系列教程之 EaselJs_3_绘制移动矩形（Shape）

核心Js代码：var canvas,     stage,     container,     w = window.innerWidth,     h = window.innerHeight,     s,     dt = ''; function init() {     //设置canvas属性     canvas = document.getElementById('game')
玩爆H5·2015-11-12 12:00

CreateJs系列教程之 EaselJs_2_绘制文字（Text）

核心Js代码：var canvas,     stage,     w = window.innerWidth,     h = window.innerHeight; function init() {     //设置canvas属性     canvas = document.getElementById('game');     canvas.width = w;     canvas.
玩爆H5·2015-11-11 17:00

CreateJs系列教程-1-开始出发

CreateJS中包含五款工具：EaselJS：用于Sprites、动画、向量和位图的绘制，创建HTML5Canvas上的交互体验（包
玩爆H5·2015-11-11 16:00

CreateJS第1章 EaselJS基础 （画图）

这章学学EaselJS的基本常用API首先下载createjs库，在项目文件里新建一个js文件夹放里面http://code.createjs.com/ 各种形状 var sp = new createjs.Shape
·2015-11-11 03:36

CreateJS第0章- Canvas基础

CreateJS 中包含五款工具：EaselJS：用于 Sprites、动画、向量和位图的绘制，创建 HTML5
·2015-11-11 03:35

手把手教你入门EaselJS做HTML5动画

今天借由EaselJS这个脚本库，写一个简单的动画给大家当做为示范。 DEMO演示链接这个demo的最终效果是游戏割绳子(Cut the Rope)中的小青蛙的动画表情。
·2015-11-09 12:15

EaselJS-3D

本文中利用EaselJS做个一样效果。 demo1 下面就以一个小球来展现改变z坐标的位置对其2d界面下的x，y位置和大小的影响。
·2015-11-08 10:36

HTML 5游戏：EaselJS创建Canvas动画

When you want to write casual games using the HTML5 Canvas element, you’ll need to find a way to handle your sprites. There are several libraries available to help you writing games such as Impac
·2015-11-08 10:34

HTML5 Gaming: building the core objects & handling collisions with EaselJS

  We’ve seen in the previous article how to animate our sprites using EaselJS: HTML5 Gaming
·2015-11-08 10:33

createjs的下载与使用

  1.进入http://createjs.com/，提供了4个js分别是        EASELJS：用于处理HTML5中的
·2015-11-07 13:41

学习使用easelJS类库控制HTML5游戏角色的移动和跳跃

    第一步：生成游戏场景中的地面 首先，需要使用Bitmap类来生成游戏中人物所处的地面效果，使用如下游戏图片： 将以上图片宽度为75px，如果将游戏区宽度设置为350px（画布宽度），克隆五个即可填满屏幕，代码如下： //克隆5个地面图片生成游戏区域的地面效果 for(i =0; i <5; i++){ var tempBl
·2015-11-07 11:20

EaselJS 事件

EaselJS事件类型1.click鼠标单击事件2.dbClick鼠标双击事件3.mousedown鼠标按下事件4.mouseover鼠标移过事件5.mouseout鼠标移出事件6.tick每次舞台更新执行的事件
langhong8·2015-11-05 14:00

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

nbsp;                     EaselJS
·2015-10-21 12:03

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

   现在html5小游戏越来越火爆了，由于公司业务的需要，也开发过几款微信小游戏，用canvas写的没有利用什么框架，发现性能一直不怎么好，所以楼主就只能硬着头皮去学习比较火的Adobe公司出的CreateJS框架，找了很久资料比较少，基本没什么中文文档，很多都是英文文档（想想我这才过四级，只能借用有道，一点一点看，一点一点翻译学习），今天我就写个引子（也是在慢慢学习），写的
·2015-10-21 12:02

createjs初学-关于getBounds和getTransformedBounds

在现在的easeljs中，显示对象没有width和height属性（我现在用的版本是0.8.1）。要想获得一个显示对象的宽高，可以用getBounds这个方法。
k_shl_2011·2015-08-19 16:00

createjs初学-preloadJS的使用

preloadJS是没有包含在easelJS库中，使用的话去官网下载一下就好了。使用preloadJS其实就是主要用里面的LoadQueue这个类，在这里把这个类的API简单说下。
k_shl_2011·2015-08-07 13:00

HTML5画布类库EaselJS生成鼠标控制的游戏动画人物

  第一节：EaselJS生成游戏动画人物效果本节中将使用SpriteSheet和Sprite生成HTML5游戏中的动画人物形象使用SpriteSheet定义动画帧相关的图片，并且使用Sprite定义动画人物最后调用
jjfat·2015-03-19 17:00

easeljs web开发围住神经小猫咪【三】

收尾 加入游戏开始结束页面我记得游戏中有开始界面也有结束界面的，而且结束界面有赢得还有输的，赢了还会显示步数是多少。那好吧 我在main.js中加入了一个//流程控制functionstartGame(){ 开始游戏画面，一点就进入游戏场景 } functionenterGame(){ 游戏运行画面，这里把StartGame里面的开始图片remove掉然后夹杂游戏场景，加入小猫和circle }
u014787301·2015-03-19 16:00

easeljs web开发围住神经小猫咪【二】

前两天状态不好。接着上次没写完的继续写。围住神经小猫咪游戏，我确定小猫类，圆圈类，并会加载鼠标点击事件，在点击事件里面，我不但控制圆圈的变化，还控制小猫的移动，就这么简单！哈哈一.加载圆圈开始写圆圈类圆圈能有的属性是什么，函数又是什么呢？很容易想到，圆圈有一个颜色的变化，红色，白色，这里我可以给它设置一个TYPE值。functionCircle(type,row,col){ this.row=ro
u014787301·2015-03-19 15:00

easeljs web开发围住神经小猫咪【一】

一.加载背景，圆圈，小猫咪这里要用到easeljs，首先建立index.html之后引入easeljs文件 观察游戏，我们会发现，与之前圆圈版为主神经猫不同的是，1.这里的猫咪是踩在圆圈上的，也就是说
u014787301·2015-03-10 10:00

createjs之easeljs【游戏围住神经猫】

在html文件中引入创建圆类您的浏览器不支持 游戏逻辑 circle.js文件中/** *CreatedbyAdministratoron2015/3/3. */ functionCircle(){ createjs.Shape.call(this); this.setCircleType=function(type){ this._circleType=type; switch(type){
u014787301·2015-03-03 12:00

createjs之easeljs【游戏看你有多色（一）】

小游戏，点不同颜色的矩形块就算闯关成功了。您的浏览器无法显示 html文件中引入两个js文件 rect.js rect封装类rect具备的属性：大小与n相关，颜色与color和Rectcolor相关，传入这三个参数functionRect(n,color,Rectcolor) { createjs.Shape.call(this);构造函数 this.setRectType=function(ty
u014787301·2015-03-02 13:00

createjs之easeljs【画一个红色矩形】

引入easeljs文件 由于easeljs是对canvas进行封装的，所以先建立一个canvas标签，设置它的大小，id。引入将要编写的app.js。
u014787301·2015-03-01 16:00

HTML5游戏开发引擎

/EaselJS5、http://www.cocos2d-x.org/wiki/Cocos2d-JS6、http://melonjs.org/7、http://www.limejs.com/ 
zhengwei223·2014-11-23 20:00

自学easeljs 根据别踩白块游戏规则自己写的代码

主要基于   -------easeljs-0.7.1.min.js----- 去制作这个游戏思路：主要思路是以行为单位绑定可点击行选中则讲移动最外层容器继续绑定可点击行的下一行否则结束游戏HTML页面布局
lazyDyvh·2014-09-28 22:00

zrender源码分析1：总体结构

开始zrender（ZlevelRender）是一个轻量级的Canvas类库，这里是GitHub的网址 点我，类似的类库有Kinetic.JS、EaselJS。
hhstuhackey·2014-09-01 11:00

微信朋友圈HTML5小游戏——看你有多色

有兴趣的可以看下官网具体的文档，----->http://www.createjs.com/整个createjs一共有四种类型，我们使用其中的easeljs就可以，到官网下载就好
u010844111·2014-08-08 10:00

HTML5 Canvas和EaselJS入门（译）

HTML5中最受开发者期待的一项新特性莫过于Canvas（画布）元素了。Canvas元素提供了一个可以动态渲染图形和位图的位图画布。它非常类似于Flash中的Bitmap和BitmapData两个类。   但是，要使用Canvas还是有点难度的，特别是如果你还想管理，重绘或者运动图形或图片。与Flash播放器不同的是Canvas没有显示队列或显示个别项目这种概念，它提供一个用于绘图的
天梯梦·2014-03-01 06:00

HTML5 Canvas和EaselJS入门（译）

HTML5中最受开发者期待的一项新特性莫过于Canvas（画布）元素了。Canvas元素提供了一个可以动态渲染图形和位图的位图画布。它非常类似于Flash中的Bitmap和BitmapData两个类。   但是，要使用Canvas还是有点难度的，特别是如果你还想管理，重绘或者运动图形或图片。与Flash播放器不同的是Canvas没有显示队列或显示个别项目这种概念，它提供一个用于绘图的
天梯梦·2014-03-01 06:00

HTML5 Canvas和EaselJS入门（译）

HTML5中最受开发者期待的一项新特性莫过于Canvas（画布）元素了。Canvas元素提供了一个可以动态渲染图形和位图的位图画布。它非常类似于Flash中的Bitmap和BitmapData两个类。   但是，要使用Canvas还是有点难度的，特别是如果你还想管理，重绘或者运动图形或图片。与Flash播放器不同的是Canvas没有显示队列或显示个别项目这种概念，它提供一个用于绘图的
天梯梦·2014-03-01 06:00

HTML5 Canvas和EaselJS入门（译）

HTML5中最受开发者期待的一项新特性莫过于Canvas（画布）元素了。Canvas元素提供了一个可以动态渲染图形和位图的位图画布。它非常类似于Flash中的Bitmap和BitmapData两个类。   但是，要使用Canvas还是有点难度的，特别是如果你还想管理，重绘或者运动图形或图片。与Flash播放器不同的是Canvas没有显示队列或显示个别项目这种概念，它提供一个用于绘图的
天梯梦·2014-03-01 06:00

HTML5 Canvas和EaselJS入门（译）

HTML5中最受开发者期待的一项新特性莫过于Canvas（画布）元素了。Canvas元素提供了一个可以动态渲染图形和位图的位图画布。它非常类似于Flash中的Bitmap和BitmapData两个类。   但是，要使用Canvas还是有点难度的，特别是如果你还想管理，重绘或者运动图形或图片。与Flash播放器不同的是Canvas没有显示队列或显示个别项目这种概念，它提供一个用于绘图的
天梯梦·2014-03-01 06:00

HTML5 Canvas和EaselJS入门（译）

HTML5中最受开发者期待的一项新特性莫过于Canvas（画布）元素了。Canvas元素提供了一个可以动态渲染图形和位图的位图画布。它非常类似于Flash中的Bitmap和BitmapData两个类。   但是，要使用Canvas还是有点难度的，特别是如果你还想管理，重绘或者运动图形或图片。与Flash播放器不同的是Canvas没有显示队列或显示个别项目这种概念，它提供一个用于绘图的
天梯梦·2014-03-01 06:00

CreateJS奥运五环动画

这里用到了CreateJS里面的easeljs。我们需要导入这个文件。http://code.createjs.com/easeljs-0.7.1.min.js/*-
whqet·2014-02-25 20:00

EaselJS简明教程2-动画

系列教程目录EaselJS简明教程1-绘图EaselJS简明教程2-动画EaselJS简明教程2动画，动画是将静止的画面变为动态的艺术，由静止到动态的实现，主要依靠人眼的视觉残留效应。
whqet·2014-02-15 13:00

EaselJS简明教程1-绘图

系列教程目录EaselJS简明教程1-绘图EaselJS简明教程2-动画1.引言EaselJS是CreateJSSuite中的一个js库，它可以让canvas的使用变得简单，它提供了一个直接了当的创建html5canvas
whqet·2014-02-13 12:00

HTML5 Canvas KineticJS 学习笔记1

其实和EaselJS有点像，说错了不是有点像，是很像。只要熟悉其中一种就够了，或者你可以自己开发一个类似的框架也行。废话不多说，开始今天的第一课吧：绘制一个Rectangle，顾名思义就是一个矩形。
xiebaochun·2013-12-27 17:00

JavaScript库EASELJS的第一眼映像(三)

本节主要讲述事件交互：鼠标的坐标可以通过stage取到：functioninit(){ varcanvas=document.getElementById("easel"); varcenterX=canvas.width/2; varcenterY=canvas.height/2; //创建布景对象 varstage=newcreatejs.Stage(canvas); ss=newcrea
cockroach·2012-11-15 17:00

JavaScript库EASELJS的第一眼映像(二)

本节主要讲述对象操作：首先是变形操作：functioninit(){ varcanvas=document.getElementById("easel"); //创建布景对象 varstage=newcreatejs.Stage(canvas); //创建图形对象 vargraphics=newcreatejs.Graphics(); //创建Shape对象 varshape=newcreatej
cockroach·2012-11-14 23:00

JavaScript库EASELJS的第一眼映像(一)

本段教程来自于《LYNDA.COM.EASELJS.FIRST.LOOK》EASELJS是一个JavaScript库，用于在HTML5提供的Canvas对象上绘制图形图像并提供了交互接口，easelJS
cockroach·2012-11-13 20:00
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他