新手写createjs时容易遇到的坑（持续更新）(2)_H5之家

24.在使用createjs.Ticker.timingMode = createjs.Ticker.RAF_SYNCHED;时注意FPS设置的比预期高一点，比如你要帧频30就要设置成40。因为RAF的机制一但30到不了他就降级，30的下一级就是20,会造成程序慢很多。

25.animateCC不支持滤镜缓动，如果要使用滤镜缓动需要自己写代码，比如这样：

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" width="600" height="400"></canvas> <script src="createjs-1.0.0.min.js"></script> <script> var canvas = document.getElementById("canvas"); var stage = new createjs.Stage(canvas)//不用stagegl也行就是慢点 // var stage = new createjs.StageGL(canvas)//用stagegl性能会好不少但是会有背景色需要自己拿底遮 var shape = new createjs.Shape(); shape.graphics.beginFill("#ff0000") shape.graphics.drawRect(0,0,250,120); shape.graphics.endFill(); stage.addChild(shape); shape.x = 100; shape.y = 100; var blurFilter = new createjs.BlurFilter(5, 5, 1); shape.filters = [blurFilter]; createjs.Tween.get(blurFilter).to({'blurX':40,'blurY':40},2000) createjs.Ticker.framerate = 60; createjs.Ticker.addEventListener("tick",function (){ stage.update(); shape.cache(-40, - 40, 250 + 80, 120 + 80); }) </script> </body> </html>

26.stagegl能大幅度提升性能，但是须要避免使用矢量，遮罩，滤镜，叠加方式等，因为使用这些stagegl须要不停的cache，这样对性能的消耗非常大（实在要用，使用SpriteSheetBuilder渲染后使用）

27.如果再使用animateCC2018或者苹果系统使用animate时出现Uncaught ReferenceError: lib is not defined的错误，请看这篇文章

animateCC2018及苹果使用animateCC使用须知（必看）