当前位置: 首页 > news >正文

flash开发网站优化网站的方法有哪些

flash开发网站,优化网站的方法有哪些,沈阳网站建设服务平台,优质高等职业院校建设网站简介 整个渲染框架主要包含:用于控制场景中所有渲染节点的渲染状态的流程的RenderFlow。更新渲染数据、写入Buffer的Assembler。暂存数据的RenderData。数据缓冲区的MeshBuffer、quadBuffer、spineBuffer。包含着色器程序和渲染技术的Material。渲染指令数据的装载…

简介

整个渲染框架主要包含:用于控制场景中所有渲染节点的渲染状态的流程的RenderFlow。更新渲染数据、写入Buffer的Assembler。暂存数据的RenderData。数据缓冲区的MeshBuffer、quadBuffer、spineBuffer。包含着色器程序和渲染技术的Material。渲染指令数据的装载、合批的ModelBatcher。依次对每个model数据进行真正调用渲染的forwardRenderer。

RenderFlow

cocos把每个渲染数据状态都划分成不同的flag的,并创建了与之对应的函数。多个flag组成了一个_renderFlag。renderFlow 主要功能是根据节点的_renderFlag 调用对应的链表函数,会优选对渲染数据进行更新暂存至RenderData中,再写入数据缓冲区Buffer中,最后调用forwardRender的render 进行渲染。

再写入数据缓冲区之前,会把符合合批条件(material的hash、cullingMask一致)的渲染进行动态合批。

  • _renderFlag   

当渲染数据被修改,需要渲染时会使用flag进行标记。其记录方式是使用掩码,通过掩码的位与运算、位或运算、位取反运算。

位与运算:&    例如:如果你有两个二进制数 A = 1101 和 B = 1010,那么 A & B 的结果将是 1000。
位取反运算:~     例如:如果你有一个二进制数 A = 1101,那么 ~A 的结果将是 0010。
位或运算:|    例如:如果你有两个二进制数 A = 1101 和 B = 1010,那么 A | B 的结果将是 1111。

  • 链表函数

因为cocos 根据渲染状态的调用频繁度划分出了多个分支,在初始化时就把所有可能存在的分支全部创建共1024个分支(此时不是完整的链表函数)。Render时会根据node的renderFlag调用对应的分支,如果存在完整的链表函数,直接调用。不存在会优先创建链表函数,再调用。

LOCAL_TRANSFORM、WORLD_TRANSFORM、TRANSFORM 用于更新节点的本地矩阵和世界矩阵。

UPDATE_RENDER_DATA  用于更新节点的uv数据、顶点数据,并暂时存在的RenderData中。

OPACITY、COLOR    用于更新节点的透明度、颜色。

RENDER   把RenderData数据写入缓冲区中,在写入缓冲区之前会进行动态合批处理。

CHILDREN   使用DFS 深度遍历 所有的子节点,并处理透明度。

POST_RENDER  屏幕后效效果处理。例如  技能的击打效果。

Assembler

Assembler 其主要用于对渲染数据的更新、写入数据缓冲区中。对应的数据更新函数和数据的写入函数都是在RenderFlow调用。每个渲染组件都有与之对应的Assembler。

Assembler的注册

每个渲染节点根据它们的渲染类型可能存在一个或多个Assembler。在初始化渲染时即会把渲染节点所有的Assembler注册到渲染组件中的__assembler__。

initWebGL(canvas, opts) {//注册Assemblerrequire("./webgl/assemblers");
.....
}
Assembler.register = function (renderCompCtor, assembler) {renderCompCtor.__assembler__ = assembler;
};

Assembler的确定

因为渲染节点会存在多个Assembler,但是运行时,需要确定使用的是那个Assembler,即再预加载前会进行Assembler的确定,此事一般都在RenderComponent的_proload函数中调用Assembler的类方法init,确定_assembler值。(这里需要注意实例方法和类方法)


Assembler.init = function (renderComp) {let renderCompCtor = renderComp.constructor;let assemblerCtor = renderCompCtor.__assembler__;while (!assemblerCtor) {renderCompCtor = renderCompCtor.$super;if (!renderCompCtor) {cc.warn(`Can not find assembler for render component : [${cc.js.getClassName(renderComp)}]`);return;}assemblerCtor = renderCompCtor.__assembler__;}if (assemblerCtor.getConstructor) {assemblerCtor = assemblerCtor.getConstructor(renderComp);}if (!renderComp._assembler ||renderComp._assembler.constructor !== assemblerCtor) {let assembler = assemblerPool.get(assemblerCtor);assembler.init(renderComp);renderComp._assembler = assembler;}
};

数据的更新

updateRenderData 方法用于更新顶点数据、uv数据,并暂存至RenderData。

updateColor  函数用于更新节点的color值,并暂存至RenderData。

数据的写入

fillBuffers 主要是把RenderData数据写入数据缓冲区中。例如sprite数据写入MeshBuffer中。

官方文档

RenderData

renderData 存储渲染节点的顶点数据、索引数据、颜色值。数据的存储是以ArrayBuffer进行存储的。如果需要操作读写时需要通过视图。webGL-类型化数组_雷鸣_IT的博客-CSDN博客

iDatas 是无符号整数数据,主要用于存储索引数据。

顶点数据包含了位置数据、uv数据、color数据。因为位置数据、uv数据是float类型。而color数据是整数数据,所以在RenderData中使用了两种视图操作一个ArrayBuffer。

vDatas 是以浮点32位进行读写,主要用于位置数据、uv数据的使用。

uintVDatas 是以无符号32整数进行读写。主要用于color值的使用。

例如:sprite组件:

四个顶点。每个顶点包含5个Float数据(位置数据2个,uv数据2个,color数据1个)。

索引数据6个:因为webGL只能渲染点、线、三角形。因此一个sprite又两个三角形组成。

uv数据的偏移量 ,color的偏移量:因为数据都在一个连续的一维数组中,前两位0,1存储位置数据,接下来两位2,3存储uv数据,第4位存储color数据。依次循环。

    floatsPerVert: 5, //每个顶点数据 有五个floatsverticesCount: 4, //有4个顶点indicesCount: 6, //6个索引  即两个三角形uvOffset: 2, //uv数据在顶点数据的偏移colorOffset: 4, //color 数据在顶点数据的偏移

color不是包含rgba四位数吗,为什么color值的存储只需要一位?

rgba 每个数的范围都是0~255,可用8位二进制表示。Assembler的updateColor函数读取color值是通过_val。_val的赋值如下:

this._val = ((a << 24) >>> 0) + (b << 16) + (g << 8) + (r|0);

(a << 24) >>> 0)   向左移动24位并保证位整数

(b << 16)  向左移动16位、(g << 8) 向左移动8位。 (r|0)  非零整数。

_val 最终得到的是一个rgba组合而成32位二进制的整数,且是无符号整数。

ModelBatcher

在渲染数据RenderData 写入缓冲区之前,会优先创建一个合批model,用于存放可以合批的渲染指令。合批条件简单归纳即material、culingMash一致就会使用同一个model。

具体的合批条件是:

1,着色器程序相同:顶点着色器、片元着色器
2,纹理相同
3,渲染状态相同:深度测试(Depth Test)模板测试(Stencil Test)裁剪测试(Scissor Test)透明度测试(Alpha Test)混合(blending)等
4,缓冲数据相同:顶点缓冲数据、索引缓冲数据。(此处的一致指的是同一个buffer)

有两个重要数据_iaPool、modelPool。

一个ia会记录vertexBuffer、indexBuffer、索引的开始坐标、索引数。(buffer对象实际由meshBuffer管理)

一个model时一个drawCall的buffer数据集合、以及对应的effect。

MeshBuffer

meshBuffer主要用于管理vertexBuffer、indexBuffer。

http://www.15wanjia.com/news/1268.html

相关文章:

  • 在哪个平台做网站好友情链接方面
  • 杂志网站建设恶意点击广告软件
  • 免费正能量励志网站自媒体有哪些平台
  • 一个网站做几个关键词软文网站推广
  • java做网站的详细流程哪里做网站便宜
  • 中国营销咨询公司排名百度快照seo
  • wordpress特色图片什么是白帽seo
  • 北京建设网站圣辉友联建站快车
  • 自己做的网站提示不安全windows优化大师卸载
  • 弄网站赚钱吗seo公司优化
  • 网站流量站怎么做手机百度seo快速排名
  • 网站主色调简介怎么说企业培训课程体系
  • 大学生创新项目申报书 做网站电商网站推广方案
  • 房地产销售真实工资seo最新快速排名
  • 网站备案以后怎么做云南网络推广服务
  • 河北手机网站制作哪家好武汉seo创造者
  • 理财网站模板免费下载广州seo顾问服务
  • 哪些网站是做批发的短视频代运营方案模板
  • 一级a做囗爰片免费网站设计网站用什么软件
  • 企业网站建设的基本原则有哪些?深圳网站设计三把火
  • 企业网站推广哪些效果比较好怎么快速刷排名
  • 邢台市住房和城乡建设局官方网站竞价推广培训课程
  • 网站制作和如何推广电商数据分析
  • 永康企业网站建设公司自己建立网站步骤
  • 仙游哪里可以做网站的网站下载
  • 网站如何做标题优化湖南网站推广公司
  • 系统软件开发百度优化大师
  • 购物网站推广怎么做app开发
  • wordpress 自定义翻页宁波品牌网站推广优化公司
  • 惠州建设银行行号查询网站营销号