Laya技术分享

RenderSprite小记

2018-08-29  本文已影响5人  chiguozi

类型定义:

        /** @private */
        public static const IMAGE:int = 0x01;
        /** @private */
        public static const ALPHA:int = 0x02;  //透明度变化
        /** @private */
        public static const TRANSFORM:int = 0x04;  //位置、缩放、旋转等变化
        /** @private */
        public static const BLEND:int = 0x08;
        /** @private */
        public static const CANVAS:int = 0x10;   //设置cachas
        /** @private */
        public static const FILTERS:int = 0x20;
        /** @private */
        public static const MASK:int = 0x40;
        /** @private */
        public static const CLIP:int = 0x80;
        /** @private */
        public static const STYLE:int = 0x100;
        /** @private */
        public static const GRAPHICS:int = 0x200;
        /** @private */
        public static const CUSTOM:int = 0x400;   //自定义
        /** @private */
        public static const CHILDS:int = 0x800;  //子节点变化
        /** @private */
        public static const INIT:int = 0x11111;

Laya定义了12中对sprite操作类型,以及默认初始化表示INIT。
每种操作类型对应以为,可以通过或操作合并多种操作。

        /** @private */
        public static var renders:Array = [];    //长度为4096的数组,存放所有可能的操作合集。
        /** @private */   //默认RenderSprite  操作函数为空
        protected static var NORENDER:RenderSprite = /*[STATIC SAFE]*/ new RenderSprite(0, null);
        /** @private */   //下一个操作的RenderSprite
        public var _next:RenderSprite;
        /** @private */   //当前RenderSprite对应的操作
        public var _fun:Function;

_fun是RenderSprite对Sprite的操作,一个RenderSprite对象只有一种操作。
_next是指向下一个操作的RenderSprite。可能同时对Sprite进行多种操作,这些操作需要按照一定顺序依次执行,_next就指向了下一步要做的操作。默认指向NORENDER。
renders是一个静态数组,长度为0x800 * 2 ,在初始化时,使用INIT操作的RenderSprite填满,当对sprite执行操作合集时,如 TRANSFORM | CHILDS,将新的RenderSprite填充,填充的位置为操作类型的按位或的结果,如 TRANSFORM | CHILDS = 0x804。填充的新的RenderSprite将先对Sprite进行TRANSFORM操作,再执行CHILDS操作。
NORENDER是一个处理函数为空的RenderSprite,RenderSprite._next默认执行NORENDER。

初始化

        public static function __init__():void {
            var i:int, len:int;
            var initRender:RenderSprite;
            initRender = RunDriver.createRenderSprite(INIT, null);       //创建INIT类型的RenderSprite    这里的RenderSprite为RenderSprite3D
            len = renders.length = CHILDS * 2;                                      //设置数组长度为0x800 * 2
            for (i = 0; i < len; i++)
                renders[i] = initRender;                                                      //给数组填充默认值
            
            renders[0] = RunDriver.createRenderSprite(0, null);            //0号位默认为空操作RenderSprite
            
            function _initSame(value:Array, o:RenderSprite):void {
                var n:int = 0;
                for (var i:int = 0; i < value.length; i++) {
                    n |= value[i];
                    renders[n] = o;
                }
            }
            //填充数组部分位置
            _initSame([IMAGE, GRAPHICS, TRANSFORM, ALPHA], new RenderSprite(IMAGE, null));
            //IMAGE | GRAPHICS   和 IMAGE | TRANSFORM | GRAPHICS  有对应的处理函数
            renders[IMAGE | GRAPHICS] = RunDriver.createRenderSprite(IMAGE | GRAPHICS, null);
            
            renders[IMAGE | TRANSFORM | GRAPHICS] = new RenderSprite(IMAGE | TRANSFORM | GRAPHICS, null);
        }

执行流程

  public function set scaleX(value:Number):void {
   var style:Style = getStyle();
   if (style._tf.scaleX !== value) {
    style.setScaleX(value);
    _tfChanged = true;
    conchModel && conchModel.scale(value, style._tf.scaleY);
    _renderType |= RenderSprite.TRANSFORM;      //与RenderSprite.TRANSFORM或操作,将对应标志位设置为1
    var p:Sprite = _parent as Sprite;
    if (p && p._repaint === 0) {
     p._repaint = 1;
     p.parentRepaint();
    }
   }
  }
  /**
   * 更新、呈现显示对象。由系统调用。
   * @param context 渲染的上下文引用。
   * @param x X轴坐标。
   * @param y Y轴坐标。
   */
  public function render(context:RenderContext, x:Number, y:Number):void {
   Stat.spriteCount++;
   RenderSprite.renders[_renderType]._fun(this, context, x + _x, y + _y);  //this 是sprite对象,_renderType作为renders数组的索引
   _repaint = 0;
  }
private static function _initRenderFun(sprite:Sprite, context:RenderContext, x:Number, y:Number):void {
 var type:int = sprite._renderType;
 var r:RenderSprite = renders[type] = _getTypeRender(type);    //将新生成的RenderSprite放到type的索引位置,下次调用时,不需要再初始化。
//生成完RenderSprite后,执行操作函数。
 r._fun(sprite, context, x, y);
}
// type为当前帧Sprite的renderType
  private static function _getTypeRender(type:int):RenderSprite {
   var rst:RenderSprite = null;
   var tType:int = CHILDS;   //0x800  操作的最后一种类型
   while (tType > 1) {
    if (tType & type)      //为每一个类型为1的类型创建一个RenderSprite,并将上一个RenderSprite设置为自己的next
     rst = RunDriver.createRenderSprite(tType, rst);
    tType = tType >> 1;
   }
   return rst;
  }

由于是从高位到低位去取交集,类型小的RenderSprite会优先执行,类型大的会在_next中,当前一个操作执行完成后,再执行,这就保证了各个操作的执行顺序。

其他

上一篇 下一篇

猜你喜欢

热点阅读