WebGL——osg框架学习三
今天继续来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框架学习三的更多相关文章
- WebGL——osg框架学习一
从今天开始,我们开始正式的学习osg框架,今天我们学习的是osg的渲染模块,我们来看一下代码结构. 所有DrawXXX的js模块都是渲染的模块,我们逐一来简单介绍一下,第一个Drawable.js,这 ...
- WebGL——osg框架学习四
这篇我们接着来看一下DrawEntityActor类,我们来看看这个继承DrawActor的类到底做了什么事.我们之前学习了Drawable对应的DrawActor,那么我们类比的来看Drawable ...
- Struts2框架学习(三) 数据处理
Struts2框架学习(三) 数据处理 Struts2框架框架使用OGNL语言和值栈技术实现数据的流转处理. 值栈就相当于一个容器,用来存放数据,而OGNL是一种快速查询数据的语言. 值栈:Value ...
- Android 学习笔记之AndBase框架学习(三) 使用封装好的函数完成Http请求..
PS:踏踏实实走好每一步... 学习内容: 1.使用AndBase框架实现无参Http Get请求... 2.使用AndBase框架实现有参Http Post请求... 3.使用AndBase框架实现 ...
- python flask框架学习(三)——豆瓣微信小程序案例(二)整理封装block,模板的继承
我们所要实现的效果: 点击电影的更多,跳转到更多的电影页面:点击电视剧的更多,跳转到更多的电视剧页面. 三个页面的风格相同,可以设置一个模板,三个页面都继承这个模板 1.在指定模板之前,把css放在一 ...
- django 基础框架学习 (三)
Django框架基础-03数据库新增数据 1.save⽅法 >>> from datetime import date >>> f ...
- Struts2框架学习(三)——配置详解
一.struts.xml配置 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts ...
- Hibernate框架学习(三)——实体规则、对象状态、一级缓存
一.Hibernate中的实体规则 1.实体类创建的注意事项 1)持久化类提供无参数构造,因为在Hibernate的底层需要使用反射生成类的实例. 2)成员变量私有,提供公有的get和set方法,需提 ...
- spring框架学习(三)——AOP( 面向切面编程)
AOP 即 Aspect Oriented Program 面向切面编程 首先,在面向切面编程的思想里面,把功能分为核心业务功能,和周边功能. 所谓的核心业务,比如登陆,增加数据,删除数据都叫核心业务 ...
随机推荐
- C#基础学习之委托的理解和应用
委托的使用和语法定义 委托的使用是由四步来完成的,依次为:声明委托.创建委托对象.委托关联方法.调用 我们用一个例子来说明这四步如何操作,我们完成一个老板委托员工写报告的实例,看如何实现. 首先我们应 ...
- Java虚拟机19:再谈四种引用状态
JVM的四种引用状态 在Java虚拟机5:Java垃圾回收(GC)机制详解一文中,有简单提到过JVM的四种引用状态,当时只是简单学习,知道有这么一个概念,对四种引用状态理解不深.这两天重看虚拟机这部分 ...
- rabbitmq的万能安装和外网访问(NC版)
先去这个http://www.rabbitmq.com/releases/下载erlang环境和rpm(erlang的尽量高点,rabbitmq版本差不多就可以了,) erlang-19.0.4-1. ...
- python第十课——循环结构收尾
2.4.time模块的初体验 sleep(sec)函数:程序一旦执行到sleep()函数,会立即休眠sec秒,等到时间到了,自动醒过来,然后继续往下执行... 思路步骤: 第一步:导入time模块 i ...
- SICP 习题 (1.34)解题总结
SICP 习题 1.34的题目比較特别一点.对于没有接触过高阶函数的同学们来说是个非常好的学习机会. 题目是这种,假设我们定义以下的过程: (define (f g) (g 2)) 那么就有: ( ...
- 【[SDOI2016]生成魔咒】
这是一道\(SA\)的练手好题 建议做之前先去做一下2408 之后你就肯定会做这道题了 首先上面那道题的答案就是 \[\sum_{i=1}^nn+1-sa[i]-het[i]\] 就是对于每一个后缀求 ...
- (转)一次压测对nginx/tomcat配置的调整
原文地址:还在寻找.... 一个web系统,前端使用nginx做为反向代理,处理https,并将请求转发给后端的tomcat服务. 压力测试工具选择了jmeter. 首先简单介绍一下jmeter. 它 ...
- Sublime Text2中的快捷键一览表(Sublime 键盘快捷键大全 )
快捷键 功能 ctrl+shift+n 打开新Sublime ctrl+shift+w 关闭Sublime,关闭所有打开文件 ctrl+shift+t 重新打开最近关闭文件 ctrl+n 新建文件 c ...
- #leetcode刷题之路45-跳跃游戏 II
给定一个非负整数数组,你最初位于数组的第一个位置.数组中的每个元素代表你在该位置可以跳跃的最大长度.你的目标是使用最少的跳跃次数到达数组的最后一个位置. 示例:输入: [2,3,1,1,4]输出: 2 ...
- 0CO_PC_01 成本对象控制: 计划/实际数据
用户提出要取生产订单的成本分析明细,分析目标和实际的差异. 查了一下,可以使用 BW标准数据源:0CO_PC_01 其中,值类型:10(实际).20(计划).30(目标) 货币类型:20(成本控制范围 ...