2.0 贝塔
这个分支在β. 报告问题值得赞赏,请提及,问题机构是2.0.
这个 StageGL 类在1.1中被重重重写,没有移植到ES2015语法. 我们暂时把它排除在这个分支之外。 课程完成后将重新加入.
基于Canvas的图像比较单元测试已知失败,请不要为此报告出问题.
EaselJS是HTML5中用于构建高性能交互式2D内容的库. 它提供了丰富的展示 列表中允许您操作和动画。 它还为鼠标和触摸提供了强大的互动模式 互动.
它对于构建游戏,基因艺术,广告,数据可视化,以及其他高度图形化的经验都非常出色. 这个 单独或与其他人一起工作 创建 JS 套接字组 : 声音JS, (中文(简体) ), 预装JS,以及 图文JS。 。 。 .
它没有外部依赖性,应该与你喜欢使用的任何框架几乎兼容.
安装
国家预防机制
npm install @createjs/easeljs --save
光盘N
<script src="https://code.createjs.com/2.0/easeljs.min.js"></script>
简单示例
// Draw a square on screen.
import { Stage, Shape } from "@createjs/easeljs";
let stage = new Stage("myCanvas");
let shape = new Shape();
shape.graphics.beginFill("red").drawRect(0, 0, 120, 120);
stage.addChild(shape);
stage.update();
Sprite 动画示例
import { Sprite, SpriteSheet, Ticker } from "@createjs/easeljs";
let ss = new SpriteSheet({
frames: {
width: 32,
height: 64,
numFrames: 19
},
animations: {run: [0, 25], jump: [26, 63, "run"]},
images: ["./assets/runningGrant.png"]
});
let sprite = new Sprite(ss, "run");
sprite.scaleY = sprite.scaleX = 0.4;
stage.addChild(sprite);
sprite.on("click", evt => sprite.gotoAndPlay("jump"));
Ticker.on("tick", stage);
支助和资源
- 查找示例和更多信息 EaselJS网站。 。 。 .
- 读取 文档。 。 。 .
- 讨论、分享项目,并与其他用户就 编辑。 。 。 .
- 技术问题 叠叠流。 。 。 .
- 文件已校验出错误或正式特性请求 GitHub 图像。 。 。 .
- 有一个 谷歌组 供讨论和支持.
- 看看里面有什么东西 实例 更深入的指示.
它的建造者是 gskinner.com (中文(简体) )根据麻省理工学院的许可免费放行,这意味着你 几乎可以用于任何目的(包括商业项目)。 我们尽可能感谢功劳,但这不是 页:1.