4.3 createjs

1. createjs.com 下载 EaselJS.zip

2. 简单的数字增加例子

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>Canvas</title><script src="easeljs-0.8.0.combined.js"></script>
</head>
<body><script src="myjavascript.js"></script>
</body>
</html>

var canvas;
var CANVAS_WIDTH = 500;
var CANVAS_HEIGHT = 500;
var stage;
var txt;
var count = 0;window.onload = function () {createCanvas();stage = new createjs.Stage(canvas);txt = new createjs.Text("Hello World","20px Arial","#ff7700");stage.addChild(txt);createjs.Ticker.addEventListener("tick",handleTick);createjs.Ticker.setFPS(30);
}function createCanvas(){document.body.innerHTML = "<canvas id=\"mycanvas\" width=\"" + CANVAS_WIDTH+ "\" height=\"" + CANVAS_HEIGHT + "\" ></canvas>";canvas = document.getElementById("mycanvas");
}function handleTick(){count++;txt.text = count;stage.update();
}

　　增加中....

转载于:https://www.cnblogs.com/iMirror/p/4292794.html

4.3 createjs相关推荐

Html5游戏框架createJS组件--EaselJS
CreateJS库是一款HTML5游戏开发的引擎,是一套可以构建丰富交互体验的HTML5游戏的开源工具包,旨在降低HTML5项目的开发难度和成本,让开发者以熟悉的方式打造更具现代感的网络交互体验. 掌 ...
createjs开发h5游戏: 指尖大冒险
之前看到一个指尖冒险游戏,觉得挺有意思,就想学习一下怎么实现,毕竟当产经提出类似的需求时,问我等开发可不可以实现的时候,不至于回答不知道. 本文的主要思路,参考的是凹凸实验室的这篇文章:H5游戏开发: ...
CreateJs入门必知必会
CreateJS介绍 CreateJS是基于HTML5开发的一套模块化的库和工具. 基于这些库,可以非常快捷地开发出基于HTML5的游戏.动画和交互应用. CreateJS主要包含如下四个类库: Ea ...
createjs中shape的属性regX和regY
官方文档说regX和regY是图形与注册点的距离. 那么注册点是什么呢? 我理解注册点就是图形的x/y对应的点图形动效的原点就是注册点如果修改图形的regX和regY值图形在画布上的位置是会被改变 ...
canvas 动画库 CreateJs 之 EaselJS（上篇）
本文来自网易云社区作者:田亚楠须知本文主要是根据 createjs 中的 EaselJS 在 github 上的 tutorials 目录下的文章整理而来 (原文链接),同时也包含了很多本人的理 ...
CreateJS基础学习笔记(上)
1.CreateJS介绍了解CreateJS 1.CreateJS: 一款HTML5游戏开发的引擎 CreateJS是一套可以构建丰富交互体验的HTML5游戏的开源工具包,旨在降低H ...
createjs入门
createjs是一个轻量级的框架,稍微有点时间和耐心,就可以把全部源代码都看一遍,毕竟只有三十几个js文件.地址:http://www.createjs.com/ 开发createjs的动画或游戏, ...
CreateJS 学习4 动画、TweenJS
水平移动动画示例 <html><head><script src="easeljs.min.js" charset="utf-8" ...
CreateJS实现打飞机小游戏
之前对createJs体验了一下,正好看到网上有一篇教程,试着也写了一个打飞机的小游戏,UI相对比较简单,主要记录下实现游戏逻辑的思路. window.onload = function() {can ...
CreateJS 制作 H5 长图动画
对于 H5 动画,相信大家都不陌生,现在很多大公司的手机宣传页面以及公众号推文中,都能够看到各式各样的 H5 动画效果. 如果细心观察,大家会发现,这些动画或者小游戏,是通过一些工具生成出来的,而不是 ...

4.3 createjs

4.3 createjs相关推荐

最新文章

热门文章