奇舞团出品-spritejs入门

简介

sprite.js 是跨平台的2D绘图对象模型库，它能够支持web、node、桌面应用和微信小程序的图形绘制和实现各种动画效果。

快速开始

一个应用可以有多个场景，每个场景可以有多个图层，每个图层上可以有多个元素

下面以精灵Sprite为例

如何创建连续的过程动画？

预加载

大家都知道，如果在canvas中直接使用网络图片，会因无法读取到图片大小而绘制失败。一般会先进行预加载，spritejs帮我们封装了预加载方法。

总结

像操作DOM对象一样操作画布上的图形元素

通过智能缓存大大提升渲染性能

支持多图层处理图形、文本、图像渲染

支持DOM事件代理、自定义事件派发

使用ES6+语法和面向对象编程

结构化对象树，对d3引擎友好，能够无缝使用

支持服务器端渲染和小程序

spritejs算是一个新秀，它在api方面高度吻合css3，降低了开发者的理解成本。本次分享没有涉及到事件，毕竟在动画上也用不到事件。体验下来，在动画上看来还不错，至于能否进行更深入的游戏开发，期待···