RenderSprite小记

类型定义:

        /** @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);
        }

执行流程

  • sprite在设置scale,filters,cacheas,skew,graphic等属性或者修改父节点子节点时会改变其_renderType属性,将_renderType的对应位置设置为0或1。以scaleX为例:
  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();
    }
   }
  }
  • 当进入渲染帧时,每一个Sprite会用自己的_renderType在RenderSprite._renders数组中找到对应操作的RenderSprite对象。并执行RenderSprite对象的_func方法。
  /**
   * 更新、呈现显示对象。由系统调用。
   * @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;
  }
  • 初始化时,绝大多数的_renders数组都是指向操作类型为INIT的RenderSprite。当执行INIT的RenderSprite对象时会生成一个renderType对应的唯一的RenderSprite对象,这个对象包含着对一个Sprite的操作队列。
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中,当前一个操作执行完成后,再执行,这就保证了各个操作的执行顺序。

其他

  • RenderSprite就是对Sprite渲染的工具合集,不持有对Sprite的引用。
  • 大部分RenderSprite对象为RenderSprite3D的实例。
  • 一个类型的RenderSprite只会初始化一次,下次再调用时,可以直接执行对应操作。
  • IMAGE | GRAPHICS 和 IMAGE | TRANSFORM | GRAPHICS 当做一个整体处理,有独立的处理函数。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容