JavaScript Canvas2D实现SpriteSheet角色动画

时间:2020-09-12 13:57:27
【文件属性】:

文件名称:JavaScript Canvas2D实现SpriteSheet角色动画

文件大小:24KB

文件格式:ZIP

更新时间:2020-09-12 13:57:27

javascript webgl canvas h5

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


【文件预览】:
src
----MainTest.js(2KB)
----caiyi_idle.png(22KB)
----mainTest.html(272B)
----caiyi_idle.json(1KB)

网友评论