概述

多细节层次 —— 在显示网格时，根据摄像机距离物体的距离，来使用更多或者更少的几何体来对其进行显示。

每一个级别都和一个几何体相关联，且在渲染时，可以根据给定的距离，来在这些级别对应的几何体之间进行切换。通常情况下，你会创建多个几何体，比如说三个，一个距离很远（低细节），一个距离适中（中等细节），还有一个距离非常近（高质量）。

代码

在改变相机的位置时加载的mesh会对应改变

var lod = new THREE.LOD();var material = new THREE.MeshLambertMaterial( { color: 0xffffff, wireframe: true } );for (var i = 0; i < 3; i++) {var geometry = new THREE.IcosahedronBufferGeometry(10, 3 - i)var mesh = new THREE.Mesh(geometry, material);lod.addLevel(mesh, i * 40);}scene.add(lod);

Three.js 多细节层次相关推荐

Three.js多细节层次LOD
Three.js多细节层次LOD 开发Web3D应用的时候,在一个很大的场景中有一个物体通过一个网格模型Mesh表示,为了追求更好的性能,在显示效果相近的情况下,可以根据网格模型Mesh距离相机镜头的 ...
（二十）ArcGIS JS 加载WMTS服务（超图示例）
前言在前一篇中说到我们可以通过加载WMS服务解决用ArcGIS API加载超图发布的服务,但是WMS服务在加载效率上是低于切片服务的,加上超图的IServer,无力吐槽,所以,在加载速度的要求下,切 ...
three.js 源码注释（六十一）objects/LOD.js
商域无疆 (http://blog.csdn.net/omni360/) 本文遵循"署名-非商业用途-保持一致"创作公用协议转载请保留此句:商域无疆 - 本博客专注于敏捷开发 ...
Three.js入门指南
1.threejs导入3d模型到web端,3d模型的文件格式可以找个建模软件转化为threejs所支持的格式,如.dae .obj .mtl stl gld等 harp.gl 3D地图渲染引擎 key ...
ArcGIS JS 加载WMTS服务（超图示例）
前言在前一篇中说到我们可以通过加载WMS服务解决用ArcGIS API加载超图发布的服务,但是WMS服务在加载效率上是低于切片服务的,加上超图的IServer,无力吐槽,所以,在加载速度的要求下,切 ...
Three.js使用技巧
three.js中大多数材质需要有了光照才可以看到, MeshBasicMaterial 是一种不需要光照就可以见的材质.看看你那显示不了的东西,是不是缺少了光照- 物体不在相机的视锥体内,是会被裁剪 ...
Three.js Example 注解 —— 目录
本文搬自我的Github,https://github.com/555chy/three.js-example-comment,有兴趣的可以一起来完善,这个为Three.js的Demo进行注解的项目 ...
在js中使用HashMap数据结构，在js中使用K,V数据结构
首先是定义一个HashMap方法,做基类(复制在js中即可,然后引用) //简单的哈希表,begin function HashMap() {/** Map 大小 * */var size = 0;/ ...
js校验复选框（多选按钮）是否被选中的方法
js校验复选框是否被选中的方法方法一:(使用下标进行标记) if ($("#checkbox-id")get(0).checked) {// do something } 方法二 ...

Three.js 多细节层次

Three.js 多细节层次

概述

代码

Three.js 多细节层次相关推荐

最新文章

热门文章