奇舞团出品-spritejs入门

简介

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

快速开始

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

下面以精灵Sprite为例

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

预加载

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

总结

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

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

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

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

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

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

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

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180706G0R58000?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券