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使用须知(必看)