今天继续来Draw绘制的osg模块的学习,昨天我们学习的是StateBin渲染状态树节点类,今天我们来继续学习下一个Draw的基础类DrawableEntity渲染对象实体类。这个类和Drawable和绘制对象关系是并列的,DrawableEntity同样有自己的DrawEntityActor。但是要注意的是,DrawableEntity和Drawable的功能是完全不同的,Drawable是绘制对象,包含geometry,transform,stateBin等几何属性空间属性和状态树属性;DrawableEntity则是管理render渲染实体的,和将要绘制的对象有着天壤之别。我们今天研究的是渲染管理模块,先理清概念。

  接下来老办法,鲫鱼继续带大家看看DrawableEntity的构造函数,看看DrawableEntity的私有属性有哪些。先贴出DrawableEntity构造函数的代码,由于采用的是require(module)方式引入依赖模块,所以鲫鱼将DrawableEntity依赖的类也一起截出来,但在本文不加讨论,以后会逐一介绍。

 /*
渲染实体的可绘制对象
*/
let Drawable = require('./Drawable');
let StateBin = require('./StateBin'); let DrawableEntity = function (actor) {
Drawable.call(this, actor); this._renderEntity = undefined;//关联的渲染实体
this._material = undefined;//原本的颜色状态
};

我们看到,DrawableEntity依赖Drawable可绘制对象类,依赖StateBin状态树节点类。前文已经讨论过这两个类,这里不再叙述。我们还是来看DrawableEntity的属性,this._renderEntity渲染实体属性;this._material初始颜色属性。我们接下来继续看看DrawableEntity的成员函数。

 reset: function () {
Drawable.prototype.reset.call(this); this._renderEntity = undefined;
//this._radius = 0;
},

重置函数,重构原型对象中的reset函数,将私有成员this._renderEntity置空。

 setRenderEntity: function (entity) {
this._renderEntity = entity;
},

设置渲染对象,设置私有成员this._renderEntity渲染实体。

 getRenderEntity: function () {
return this._renderEntity;
},

获取渲染对象。

 setMaterial: function (s) {
this._material = s;
},

设置材质。

 getMaterial: function () {
return this._material;
},

获取材质属性。

 valid: function () {
// if(this._frameNumber === Drawable.FrameNumber){//已经绘制过,不再处理
// return false;
// }
//是否后面的不需再判断了 if (!this._renderEntity.isShown()) {//隐藏的直接跳过
return false;
} if (this._drawActor.getBaseCamera().isBoundingBoxCulled(this.getBoundingBox())) {
return false;
} return true;
},

这个就类似Drawable了,valid成员函数用来判断render渲染对象是否需要被绘制,这里排除了2种不需要绘制的情况,第一种是标记为隐藏的渲染对象;第二种被剔除的则是包围盒不在相机可视棱台范围内的可渲染对象,简单来说就是不在当前视口范围内的渲染对象。剩下的都是符合渲染条件的renderEntity,通过valid校验。我们继续看下一个函数。

 isTransparent: function () {
let result = false;
let hasmaterial = false;
//this._stateBin不能变
this._statebin.removeChildren();
this._curStatebin = this._statebin;
if (this._renderEntity !== undefined) {//有关联的渲染实体,渲染实体的状态优先级最高
let statesets = this._renderEntity.getStateSets();
let size = statesets.size;
if (size !== 0) {
statesets.forEach((stateset) => {
if (stateset) {
let mat = stateset.getMaterialAttribute();//一般不存在多个Material的情况,逻辑上避免,如果存在使用最后一个
if (mat) {//如果有Material,当前this._material就不再考虑
hasmaterial = true;
result = mat.isTransparent();
}
this._curStatebin = this._curStatebin.addStateSetChild(stateset);
}
});
}
} //当前材质状态
if (this._material) {
if (!hasmaterial) {
this._curStatebin = this._curStatebin.addStateSetChild(this._material);
let mat = this._material.getMaterialAttribute();
if (mat) {
result = mat.isTransparent();
}
}
} return result;
},

该函数是用来判断当前渲染对象是否为透明的材质对象。由于webgl和opengl中对透明材质的处理很特殊,要按照深度排序由远到近依次绘制而且我们都是在非透明材质绘制完成后才绘制透明材质,否则材质混合会出问题,所以我们在管理renderEntity时一定要判断渲染对象是否透明。这当中还要对当前渲染对象的StateSet状态优先级进行排序,其中判断材质是否透明的函数是Material的成员函数,这个api是this._material.getMaterialAttribute().isTransparent()。我们再来看最后一个函数。

 draw: function (glstate, preDrawable) {//重载
//先接受状态,再渲染几何
let curStatebin = this._curStatebin;
let curStateset = curStatebin.getStateSet();//当前的状态
let curStatebinParent = curStatebin.getParent();//父节点
//let curStatesetParent = undefined;//父节点的状态
//if(curStatebinParent){//自从加了总根节点后,这个情况不存在了吧!
//let curStatesetParent = curStatebinParent.getStateSet();//父节点的状态
//} if (preDrawable !== undefined) {
let preStatebin = preDrawable.getCurrentStateBin();
let preStateset = preStatebin.getStateSet();
let preStatebinParent = preStatebin.getParent();
//let preStatesetParent = undefined;
//if(preStatebinParent){//自从加了总根节点后,这个情况不存在了吧!
//let preStatesetParent = preStatebinParent.getStateSet();//父节点的状态
//} //RenderEntity下的状态随时会变,在isTransparent中会实时更新StateBin
//所以每次StateBin的结果可能都是临时创建的没有可比性,还是比较stateset靠谱点
if (preStatebinParent !== curStatebinParent) {//A
StateBin.moveStateBin(glstate, preStatebinParent, curStatebinParent);
glstate.applyStateSet(curStateset);
} else if (preStateset !== curStateset) {//B
glstate.applyStateSet(curStateset);
} else {
// we call apply but actually we dont need
// except if the stateSetStack changed.
// for example if insert/remove StateSet has been used
// if (glstate._stateSetStackChanged(idLastDraw, lastStateSetStackSize )) {
// glstate.applyStateSet(curStateset);
// }
}
}
else {//如果preLeaf为空,第一个绘制的几何,状态遍历到根节点全部push到GLState中
StateBin.moveStateBin(glstate, undefined, curStatebinParent);
glstate.applyStateSet(curStateset);
}
//state._setStateSetsDrawID( ++idLastDraw );
//lastStateSetStackSize = state.getStateSetStackSize(); //this.drawGeometry(glstate);
let camera = this._drawActor.getBaseCamera();
glstate.applyModelMatrix(this._transform, camera.getModelViewMatrix(), camera.getProjectionMatrix());
this._geometry.draw(glstate);
//return true; //_stateBin新添加的儿子要删除,不影响下一帧的绘制
//this._statebin.removeChildren();
//this._curStatebin = undefined;//千万不要重置。。每帧绘制时的Drawable会取前一个的状态
//this._frameNumber = Drawable.FrameNumber;//已经绘制过,不再绘制
},

绘制函数draw。这个绘制draw就是用glstate来绘制当前渲染对象。
  好了,以上就是DrawableEntity渲染对象的管理操作类的所有成员属性和成员函数的介绍。我们又了解了osg的DrawableEntity的构造,再接再厉,下一篇鲫鱼带领大家继续学习DrawEntityActor类。今天先到这里,下周再见。本文系原创,如需引用,请注明出处:https://www.cnblogs.com/ccentry/p/10227152.html

WebGL——osg框架学习三的更多相关文章

  1. WebGL——osg框架学习一

    从今天开始,我们开始正式的学习osg框架,今天我们学习的是osg的渲染模块,我们来看一下代码结构. 所有DrawXXX的js模块都是渲染的模块,我们逐一来简单介绍一下,第一个Drawable.js,这 ...

  2. WebGL——osg框架学习四

    这篇我们接着来看一下DrawEntityActor类,我们来看看这个继承DrawActor的类到底做了什么事.我们之前学习了Drawable对应的DrawActor,那么我们类比的来看Drawable ...

  3. Struts2框架学习(三) 数据处理

    Struts2框架学习(三) 数据处理 Struts2框架框架使用OGNL语言和值栈技术实现数据的流转处理. 值栈就相当于一个容器,用来存放数据,而OGNL是一种快速查询数据的语言. 值栈:Value ...

  4. Android 学习笔记之AndBase框架学习(三) 使用封装好的函数完成Http请求..

    PS:踏踏实实走好每一步... 学习内容: 1.使用AndBase框架实现无参Http Get请求... 2.使用AndBase框架实现有参Http Post请求... 3.使用AndBase框架实现 ...

  5. python flask框架学习(三)——豆瓣微信小程序案例(二)整理封装block,模板的继承

    我们所要实现的效果: 点击电影的更多,跳转到更多的电影页面:点击电视剧的更多,跳转到更多的电视剧页面. 三个页面的风格相同,可以设置一个模板,三个页面都继承这个模板 1.在指定模板之前,把css放在一 ...

  6. django 基础框架学习 (三)

    Django框架基础-03数据库新增数据    1.save⽅法        >>> from datetime import date        >>> f ...

  7. Struts2框架学习(三)——配置详解

    一.struts.xml配置 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts ...

  8. Hibernate框架学习(三)——实体规则、对象状态、一级缓存

    一.Hibernate中的实体规则 1.实体类创建的注意事项 1)持久化类提供无参数构造,因为在Hibernate的底层需要使用反射生成类的实例. 2)成员变量私有,提供公有的get和set方法,需提 ...

  9. spring框架学习(三)——AOP( 面向切面编程)

    AOP 即 Aspect Oriented Program 面向切面编程 首先,在面向切面编程的思想里面,把功能分为核心业务功能,和周边功能. 所谓的核心业务,比如登陆,增加数据,删除数据都叫核心业务 ...

随机推荐

  1. 用Python爬虫爬取炉石原画卡牌图片

    前段时间看了点Python的语法以及制作爬虫常用的类库,于是动手制作了一个爬虫尝试爬取一些炉石原画图片.本文仅记录对特定目标网站的分析过程和爬虫代码的编写过程.代码功能很局限,无通用性,仅作为一个一般 ...

  2. [USACO08NOV]lites

    嘟嘟嘟 竟然还能发现这么水的题.就是线段树维护区间亦或嘛~~~~ #include<cstdio> #include<iostream> #include<algorit ...

  3. Day2 MySql函数以及单表查询

    SQL中的运算符 算术运算符 --算术运算符(子句) ; ; ; ; --0.75 ; --NULL div ; 比较运算符> < >= <= != = --0表示false, ...

  4. datagrid 完整dom结构

    <!-- datagrid的最外层容器,可以使用$(target).datagrid('getPanel')或者$.data(target,'datagrid').panel得到这个DOM对象, ...

  5. 解决:Cannot load ocl.dll library(error code 126). The ocil.dll library may be missing from the system

           因为这两天在做将springboot 项目使用的数据库MySQL转换为Oracle数据库,所以在网上查找相关资料后开始使用 Convert-Mysql-to-Oracle4.0做转换: ...

  6. Linux入门基础(三):Linux用户及权限基础

    用户基础 用户和组 每个用户都拥有一个userid 每个用户都属于一个主组,属于一个或多个附属组 每个组拥有一个groupid 每个进程以一个用户身份运行,受该用户可访问资源限制 每个可登陆用户拥有一 ...

  7. JQuery的ajax函数执行失败,alert函数弹框一闪而过

    先查看<form>标签是否有action属性,如果没有,并且最后<button>标签的type属性为'submit‘时,默认提交位置就是当前页面 如果在页面右键检查,点击网络, ...

  8. HDFS上传数据的流程

    1.当客户端输入一条指令:hdfs dfs -put text.txt /text时,这条命令会给到DistributeFileSystem. 2.通过DistributeFileSystem简称DF ...

  9. 一图看懂hadoop MapReduce工作原理

    MapReduce执行流程及单词统计WordCount示例

  10. JavaWeb基础—JS学习小结

    JavaScript是一种运行在浏览器中的解释型的编程语言 推荐:菜鸟教程一.简介js:javascript是基于对象[哪些基本对象呢]和和事件驱动[哪些主要事件呢]的语言,应用在客户端(注意与面向对 ...