sprite.js 是跨平台的2D绘图对象模型库,它能够支持web、node、桌面应用和微信小程序的图形绘制和实现各种动画效果,它是由360奇舞团开发的。
官网截图
官网:http://spritejs.org/#/
码云:https://gitee.com/qihoo360/spriteJS
安装方式很常规,提供三种方式
npm install spritejs
注意:因为sprite.js是跨平台的,所以可以在node环境下跑,但是需要提前安装好node-canvas
npm install canvas@next
Linux服务器可能需要安装的(然后在安装node-canvas)
sudo apt-get install libcairo2-dev libjpeg-dev libpango1.0-dev libgif-dev build-essential g++
<script src='https://unpkg.com/spritejs/dist/spritejs.min.js'></script>
如果你在小程序中使用,你可以直接下载打包好的小程序版本,或者从项目源码编(到官网查看详情)
spritejs提供四类基础精灵元素、图层管理和负责协调多个图层的场景(Scene),类此外提供一些简单的辅助工具。
架构
以下是一个来自官网的最基础的例子,还有很多实例
结果如下图是一个移动的机器人(官网实例可在线运行)
在线运行的实例
基础用法
高级用法
具体内容参考官网文档,文档非常详细
本文介绍的是sprite,类似的还有Annie2x和CreateJS,可以根据需要选择一个适合自身项目需求的,比自己单独从最底层开始写要快得多,希望对你有所帮助,感谢支持
联系客服