JavaScript Canvas2D实现SpriteSheet角色动画

共4个文件

html：1个

json：1个

js：1个

javascript

webgl

canvas

需积分: 9 47 下载量 44 浏览量 2017-08-23 20:10:47 上传评论 6 收藏 24KB ZIP 举报

温馨提示

http://blog.csdn.net/sujun10/article/details/77510890 这个blog的例子目前市面上H5游戏的图片资源，基本都是采用SpriteSheet打包成图集来使用的。这样可以减少网络加载的次数，从而提升性能。另外的原因就是随着webgl的普及，把多张图片打包成一张纹理，减少纹理的频繁上传，这样也可以提升性能。本文主要是讨论使用Canvas实现的2D序列帧动画的SpriteSheet的解析和动画播放。

资源推荐

资源详情

资源评论

收起资源包目录

JavaScript Canvas2D实现SpriteSheet角色动画.zip （4个子文件）

src

MainTest.js 2KB

caiyi_idle.png 22KB

mainTest.html 272B

caiyi_idle.json 1KB

共 4 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body onload="main()"> <canvas id="canvas2D" width="800" height="600"> Please use! </canvas> <script src="MainTest.js"></script> </body> </html>

评论收藏

内容反馈