WebGL/Cesium 大空间相机抖动 RTE(Relative to Eye)实现原理简析

embedded/2024/9/24 11:22:01/

在浏览器中渲染大尺寸 3D 模型:Speckle 处理空间抖动的方法

WebGL/Cesium 大空间相机抖动 RTE(Relative to Eye)实现原理简析

注: 相机空间视图空间 概念等效混用

1、实现的关键代码
const material = new THREE.RawShaderMaterial({uniforms: {cameraPostion: { value: null },modelViewMatrixRTE: { value: null },},vertexShader: `attribute vec3 position;uniform vec3 cameraPostion;uniform mat4 modelViewMatrixRTE;uniform mat4 projectionMatrix;void main() {// key1vec4 mvPosition = vec4(position.xyz - cameraPostion, 1.);gl_Position = projectionMatrix * modelViewMatrixRTE * mvPosition;}`,fragmentShader: `void main() {gl_FragColor = vec4(vec3(0.5),1.);}`
});// 模型视图矩阵相对于相机。
const modelViewMatrixRTE = new THREE.Matrix4();
function updateMat(box) {camera.updateMatrixWorld();modelViewMatrixRTE.multiplyMatrices(camera.matrixWorldInverse, box.matrixWorld);// key2modelViewMatrixRTE.elements[12] = 0;modelViewMatrixRTE.elements[13] = 0;modelViewMatrixRTE.elements[14] = 0;box.material.uniforms.cameraPostion.value = camera.position;box.material.uniforms.modelViewMatrixRTE.value = modelViewMatrixRTE;
}
2、原理赏析

顶点的变换流程依然满足这个流程。
请添加图片描述

正常的矩阵变换过程, 模型顶点都是是基于原点(0,0,0)进行的变换。但是大场景会出现抖动情况。于是将顶点位置改为基于相机位置进行后面的变换。

那么每个顶点都应该减去相机位置。但是这个工作完全可以在顶点着色器中完成, 于是将该操作延迟。那么这里假设已经完成了世界空间视图空间的平移变换。

modelViewMatrixRTE 依然是用于将模型空间中的点转换到视图空间中。但是因为模型顶点已经是相对于相机位置了(该操作被延迟执行), 因此不需要再进行平移操作。

modelViewMatrixRTE.elements[12] = 0;
modelViewMatrixRTE.elements[13] = 0;
modelViewMatrixRTE.elements[14] = 0;

最后, 将世界空间相机空间的平移操作延迟到顶点着色器中执行。

vec4 mvPosition = vec4(position.xyz - cameraPostion, 1.);gl_Position = projectionMatrix * modelViewMatrixRTE * mvPosition;

http://www.ppmy.cn/embedded/24616.html

相关文章

windows驱动开发-I/O请求(二)

前面我们已经介绍了I/O请求的数据结构,接下来就是I/O请求的处理了。 IRP的处理 驱动例程收到IRP请求的时候,一般会使用一个巨大的switch语句,来处理每一个IOCTL,虽然前面我们简单的讲述了三种不同的I/O缓冲区方式,但…

MySQL 高级 - 第四章 | 配置文件与系统变量

目录 一、配置文件的使用1.1 配置文件格式1.2 启动命令和选项组1.3 特定 MySQL 版本的专用选项1.4 同一个配置文件中多个组的优先级1.5 命令行和配置文件中启动选项的区别 二、系统变量2.1 系统变量简介2.2 查看系统变量2.3 设置系统变量2.3.1 通过启动选项配置2.3.2 服务器程序…

与 Apollo 共创生态:Apollo 七周年大会给带来的震撼

文章目录 一、七年蛰伏,Apollo 迎来“智变”时刻二、Apollo 企业生态计划与开放平台2.1 Apollo X 企业自动驾驶解决方案2.2 Apollo 开放平台携手伙伴共创生态 三、个人感悟 一、七年蛰伏,Apollo 迎来“智变”时刻 让我们把时间倒回到 2013 年&#xff0…

RustGUI学习(iced)之小部件(五):如何使用按钮开关toggler部件?

前言 本专栏是学习Rust的GUI库iced的合集,将介绍iced涉及的各个小部件分别介绍,最后会汇总为一个总的程序。 iced是RustGUI中比较强大的一个,目前处于发展中(即版本可能会改变),本专栏基于版本0.12.1. 概述 这是本专栏的第五篇,主要讲述开关按钮toggler部件的使用,会结…

小长假来临,企业借助巡检系统做好安全巡查工作

节前节后是安全隐患事故多发期,小长假来了,企业面临着员工离岗、生产活动减少等特殊情况,这可能导致一些安全隐患被忽视。因此,借助巡检系统做好全面安全巡查工作显得尤为重要。巡检系统可以帮助企业实现巡检工作的规范化、标准化…

Flink checkpoint 源码分析- Flink Checkpoint 触发流程分析

序言 最近因为工作需要在阅读flink checkpoint处理机制,学习的过程中记录下来,并分享给大家。也算是学习并记录。 目前公司使用的flink版本为1.11。因此以下的分析都是基于1.11版本来的。 在分享前可以简单对flink checkpoint机制做一个大致的了解。 …

Halide 高效的图像处理语言 简化图像编程

Halide 高效的图像处理语言 简化图像编程 github源码 Halide是用C作为宿主语言的一个图像处理相关的DSL(Domain Specified Language)语言,全称领域专用语言。 主要的作用为在软硬层面上(与算法本身的设计无关)实现对算法的底层加速,我们有必要对其有一…

Java List 获取部分组成new list,获取两个list相同/不同的内容

获取List中的一项 List<String> _outingCntry list.stream().map(OSzItem::getGroup). collect(Collectors.toList()); 获取List中的多项 List<vo> list new ArrayList<>(); Map<String, String> map list.stream().collect( Collectors.toMap(v…