hanyeah

pixi.js在移动端用touch事件，pc端用mouse事件，引擎内没有做转换。开发和测试会有很多不方便。

移动端，只实现了touchstart、touchmove、touchend，大多数情况下是不够用的，还需要自己来扩展。

flash中，我们经常会需要知道鼠标的位置，通过对象的mouseX、mouseY属性是很方便的，pixi.js中，对象没有mouseX、mouseY属性，那么我们怎么获取鼠标的位置呢？

pixi.js中有MovieClip类，是通过传入一个Texture数组实现的。

之前用MovieClip做动画的时候，发现stage的刷新频率（自己用setTimeout实现）和MovieClip的刷新频率不同步。

之前对比了createjs/egret/pixijs的效率：https://hanyeah.cn/blog/post/pixi%E5%92%8Ccreatejs%E6%95%88%E7%8E%87%E5%AF%B9%E6%AF%94.html。

但是是在静态的情况下对比的，如果让元件动起来，结果就又不一样了。

了解了事件，动画，再来学习一下继承。

上一节了解了一下事件，这次来了解一下动画，不是改变坐标形成的动画，而是序列帧组成的动画。

pixi.js的显示对象都可以响应鼠标事件，官方的api不好，学习起来着实费劲。

一直使用createjs，因为熟悉as的缘故，在pc上，使用createjs效率没问题，开发速度也快，还可以结合animatecc。但是一旦放到移动端，效率就不可忍了，稍微复杂一点，场景大一点，效率骤减，十几帧，甚至有的平板帧频是个位数，而且和平板的价格没有必然的联系。移动端，不用GPU，纯CPU渲染目前来说是不行的。