var canvas=document.getElementById('demoCanvas'); canvas.width=window.innerWidth; canvas.height=window.innerHeight; var stage=new createjs.Stage('demoCanvas'); var container=new createjs.Container();//绘制外部容器 stage.addChild(container); //加载图片 var imag…

CreateJS介绍 CreateJS是基于HTML5开发的一套模块化的库和工具.基于这些库,可以非常快捷地开发出基于HTML5的游戏.动画和交互应用.CreateJS主要包含如下四个类库: EaselJS – 简化处理HTML5画布(核心) TweenJS – 用来帮助调整HTML5和Javascript属性 SoundJS – 用来简化处理HTML5 audio PreloadJS – 帮助管理和协调加载中的一些资源 CreateJS官网:http://createjs.com/Create…

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

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

写在前面 首先,还是谢谢大家的支持,谢谢!记得在之前的文章中我说过自己算是一个半文艺程序员,也一直想着写一写技术性和其他偏文学性的文章.虽然自己的底子没有多么优秀,但总是觉得这个过程中可以督促自己去思考,督促自己去学习和交流.毕竟每天忙忙碌碌之余,还是要活出自己不一样的生活. 其次,我开通了个人的 GitHub主页 ,里面有自己的技术文章,还会有个人的随想.思考和日志.以后所有的文章都会第一时间更新到这里,然后同步到其他平台.有喜欢的朋友可以没事去逛逛,再次感谢大家的支持! 什么是CreateJ…

标题党"玩转", 真的是在玩怎么转... 参考一篇很经典的博文:createjs入门 做移动版(750x1334)的时候出来不居中啊, 不是掉在下面就是滑到右面, canvas里面的东西又写不了css,咋办呢, 后来发现原来是光创建了stage却没有创建container导致的: var stage; init(); function init() { var canvas = document.getElementById("testCanvas"); stage…

[转载请注明出处] 紧接着上一篇文章createjs入门:http://www.cnblogs.com/beidan/p/7055422.html 这里来一篇小游戏实战篇. 游戏整体思路实现 1. 实现一个无缝连接的背景图,模拟出汽车在加速的状态 this.backdrop = new createjs.Bitmap(bg); this.backdrop.x = 0; this.backdrop.y = 0; this.stage.addChild(that.backdrop); this.w…

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

目的:动画设计师用Adobe Animate CC做好动画素材,发布好之后,交给程序员写交互代码:在WebStorm之类的ide里操纵 Animate 里面的变量,class等. 前提环境: ①安装好Adobe Animate CC ②安装好WebStorm,或者Sublime Text 2,Visual Studio Code之类的编程ide ③有个HTML5 动画(canvas 项目) 流程: 1.把动画文件从 Adobe Animate里发布出来,后有一堆文件 2.然后把发布后的文件拷贝到…

easelJS入门.事件.spritesheet <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + req…