createjs性能优化


本人平时累积的一点性能优化的方法,汇总了一下分享给大家: 

1:少用矢量多用位图,Text shape都算矢量(如果是用 flashCC或者animateCC做的,在里面就直接把字和矢量图转成位图)。 

2:减少动画重绘区域(动画的矩形区域)。 

3:屏幕外的对象及时移出舞台或直接销毁。 

4:因为垃圾回收机制的原因,对象重用好过直接销毁。 

5:如果项目较大或对性能要求较高,少用movieclip多用sprite。

6:使用新的animate cc可以把png,jpg图片分别合成一张图片,可以加快加载速度(但是现在版本有bug,如果有旋转动画不能使用这个功能)

7:图片可以通过tinypng.com缩减大小。

8:尽量不要用滤镜和叠加效果,如果要用,直接做进图片里面。 

9:减少容器之间的嵌套。

10.不用的侦听就取消掉,特别是tick。

10:嵌套一堆movieclip然后用gotoAndStop去控制这种方法尽量不要去用。

11:createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED或者createjs.Ticker.timingMode = createjs.Ticker.RAF可以提高Tick的性能(部分浏览器不支持)


 如果大家也有优化性能的方法,请留言在帖子底下,谢谢。


上一篇 下一篇