canvas教程

Canvas优化技巧(HTML5) by 谭凯@起源天泽

字号+ 作者:H5之家 来源:H5之家 2015-10-28 17:48 我要评论( )

第1页 Canvas优化技巧 谭凯 起源天泽CEO 第2页 通常的优化思路 把优化工作交给程序部门,一味的专研写法,算法,用别人家的游戏来做对比。 缺点:容易到达瓶颈,导致修改需求。 第3页 高级的优化思路 优化工作是整个团队的事情,开发前定制好,分辨率,内存大

第1页

Canvas优化技巧

谭凯

起源天泽 CEO



第2页

通常的优化思路

把优化工作交给程序部门,一味的专研 写法,算法,用别人家的游戏来做对比。

缺点:容易到达瓶颈,导致修改需求。



第3页

高级的优化思路

优化工作是整个团队的事情,开发前 定制好,分辨率,内存大小,最大显 示数量,同屏数量等。

优点:做出别人家的游戏。



第4页

优化大必杀

 缩小再缩小分辨率  不要旋转图像  不要轻易改变画布状态  移动大量图像时再使用画布位移属性  少用混色  双重刷新



第5页

降低分辨率 (用小画布撑满整个画面)

优点:做出别人家的游戏。



第6页

不要使用画布旋转 (只使用位移或使用旋转后的图像)



第7页

格子游戏双重刷新 (心跳刷新和手动刷新)



第8页

确认优先度 1.体验优先 2.画质优先 3.内容优先



第9页

专注精品游戏游戏研发



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5canvas核心技术图形、动画与游戏开发源码

    html5canvas核心技术图形、动画与游戏开发源码

    2017-05-02 17:42

  • 打印html5中Canvas的方法

    打印html5中Canvas的方法

    2017-05-01 15:03

  • HTML5+Canvas调用手机拍照功能实现图片上传(下)

    HTML5+Canvas调用手机拍照功能实现图片上传(下)

    2017-04-30 17:00

  • 学习慕课网canvas倒计时实例笔记

    学习慕课网canvas倒计时实例笔记

    2017-04-30 14:01

网友点评
/