three.js 在地质学上的应用

最新推荐文章于 2024-08-16 07:49:14 发布
最新推荐文章于 2024-08-16 07:49:14 发布
阅读量3.1k 收藏 13
点赞数 6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/savend/article/details/79151868
版权
本文介绍了如何使用Three.js在客户端展示三维地质模型，包括从等高线图提取数据，建立三维网格，进行克里金插值和三角网剖分算法的前端实现，以及最终的井筒轨迹展示。
摘要由CSDN通过智能技术生成

        近期有个项目需要在客户端展示三维地质模型，网上搜集相关资料也无从下手，突然看到Three3D封装的WebGL，其3D渲染效果令我大为惊叹，于是乎开始了Three3D 的摸索。有兴趣的同学可以点击在线中文文档（http://techbrood.com/threejs/docs查看其演示效果。

        在进行项目摸索前我下载了WebStorm,可以调试js前端的开发利器，部署过程不赘述，我用到了项目客户端所需要的一张等高线图，其原始图如下：

最低0.47元/天 解锁文章
savend
关注
  • 6
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 24
    评论
three.js 地质应用的简单介绍
guaizang的博客
12-14 1821
three.js 地质应用的简单介绍 因为项目需要，偶然之下接触了three.js这个插件，网上大多只是对基本的使用进行介绍，也没有有经验的同事 朋友，所以为了完成项目要求，只得自己进行研究学习。由于本身有别的项目，所以只能利用晚上和周末的时间，如有不足和错误之处，还请大神批评指正。 一、基本介绍 三大基本要素：你首先要了解的是场景、相机和渲染器，网络上资料很多，这里我说下我的理解。场景相当于画布...
运用threejs渲染地形
白菜博客
09-25 644
使用threejs渲染地形；
threejs——车辆雷达智能识别效果
weixin_41770018的博客
06-13 287
theme: fancy highlight: atelier-seaside-light 前言 随着智能电车越来越火，3d车辆的官网效果也越来越盛行，趁着空档，写一个车辆雷达识别概念效果， 话不多说，直接上源码 https://gitee.com/sunhuapeng/automotive-radar 请点赞关注加分享，上车出发 灵感图 效果图 技术栈 th...
[原]Three.js的绘制流程(三)----地形
weixin_30642561的博客
09-06 543
最简单的地形是单一的平面， 这个通过 var geo = new THREE.PlaneGeometry(2, 2, 256, 256) 几何体构建， 可以设定平面的切分块的数量。 var pmesh = new THREE.Mesh(geo, material); 可以为平面提供纹理， 从而是地面看起来更真实一些，而纹理坐标在geo中已经自动设定好了。 因此...
threejs-hex-map:一个基于three.js的简单3D六角形地形图
05-24
threejs-hex-map 一个基于three.js的简单3D六角形地形图。 概述 六角形瓷砖，带水，平坦的土地，丘陵，山脉，河流，树木和海岸 一个纹理图集，分别用于地形纹理，河流图块和海岸图块 混合遮罩纹理以在图块之间过渡 像《文明》中的两层战争迷雾 用法 有关示例，请查看examples/random的代码。 要在浏览器中对其进行测试，只需npm start并打开http://localhost:3000/examples/random/ 。
threejs-网格模型
qq_37987033的博客
07-11 1132
threejs-网格模型
threegeo是一个基于threejs的地理可视化库
08-10
three-geo 是一个基于 three.js 的地理可视化库。 使用three-geo，我们可以通过简单地指定地球上任何地方的GPS坐标，轻松地近实时地建立卫星纹理的3D地形模型。 地形的几何形状基于Mapbox Maps API提供的RGB编码DEM（数字高程模型）。
geoshear:岩石单元剪切几何的 3D 可视化工具，使用three.js 构建
06-21
geoshear是一款专为地质学者设计的3D可视化工具，它利用强大的JavaScript库three.js来呈现岩石单元的剪切几何形态，帮助研究人员更直观地理解和分析地质剪切现象。 一、three.js简介 three.js是基于WebGL的...
基于three.js的3D空间测量算法实现
它在多个领域都有广泛的应用，如建筑设计、工业制造、地质勘探等。 传统的3D空间测量方法通常需要使用专业的测量仪器和复杂的测量流程，且对专业知识和技能要求较高。而基于计算机辅助设计和图像处理的3D空间测量...
基于三维地质实体模型生成地质剖面图的应用
04-26
为了减少地质工程技术人员手工描绘剖面图,并能直接反映区域构造特征、煤层赋存情况以及地质体的空间特征,提出了一种在AutoCAD平台下基于三维地质实体模型进行任意剖切实体并生成地质剖面图的方法。此方法生成的地质...
Three.js开发实现3D地图的实践过程总结
10-18
主要给大家介绍了关于利用Three.js开发实现3D地图的实践过程，文中通过示例代码介绍的非常详细，对大家学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
three js 开发指南 - 导图（内容完整）
10-28
three js 开发指南 - 导图（内容完整 ) , html文档，案例代码可复制，可离线查看，目录-to-内容结构，鼠标点击标签，自动跳转
Kriging 算法实现 2维和3维地图等高线
02-23
A year and a half year ago, I published this article to the Codeguru site and got a number of requests about the Kriging algorithm contour map. Unfortunately, my project was changed shortly after that article and later I quit the company so I couldn‘t find time to finish this Contour business. A week ago, I happened to need a contour map again so I decided to solve the Kriging algorithm. I searched the Internet for a commercial library but they all look ugly and hard to use. So, I made up my mind to make my own algorithm. The Kriging algorithm is easy to find, but this algorithm needs a Matrix and solver (LU-Decomposition). Again, I couldn‘t find suitable code for this. I tried to use GSL first but this made my code too big and was slower. Finally, I went back to "Numerical Recipe in C"—yes, that horrible-looking C code—and changed the code there to my taste.If you read this article before, the rendering part hasn‘t been changed much. I added the Kriging algorithm and revised the codes a little bit. Following is the Kriging Algorithm:templatedouble GetDistance(const ForwardIterator start, int i, int j){ return ::sqrt(::pow(((*(start+i)).x - (*(start+j)).x), 2) + ::pow(((*(start+i)).y - (*(start+j)).y), 2));}templatedouble GetDistance(double xpos, double ypos, const ForwardIterator start, int i){ return ::sqrt(::pow(((*(start+i)).x - xpos), 2) + ::pow(((*(start+i)).y - ypos), 2));}templateclass TKriging : public TInterpolater{public: TKriging(const ForwardIterator first, const ForwardIterator last, double dSemivariance) : m_dSemivariance(dSemivariance) { m_nSize = 0; ForwardIterator start = first; while(start != last) { ++m_nSize; ++start; } m_matA.SetDimension(m_nSize, m_nSize); for(int j=0; j<m_nSize; j++) { for(int i=0; i<m_nSize; i++) { if(i == m_nSize-1 || j == m_nSize-1) { m_matA(i, j) = 1; if(i == m_nSize-1 && j == m_nSize-1) m_matA(i, j) = 0; continue; } m
Three.js重建真实地形【教程】
新缸中之脑
07-07 4943
在这个教程中，我们将学习如何搭建一个3D场景，如何编写GLSL程序并使用Vertex Shader和Fragment Shader重建澳洲著名的Ululu巨岩附近的真实地形。为了方便起见，我们将使用Three.js和React来编写本教程中的示例代码。 0、飞行模拟器 你可能知道微软去年8月发布的游戏 Flight Simulator，如果你和我一样对飞行模拟器或在计算机中重建现实生活中场景，可能已经花了很多时间敬畏地注意到这个游戏中的那些惊人的细节。 Terrain in Microsoft Fligh
Three.js的DEM建模【数字高程模型】
新缸中之脑
07-20 3868
在这个教程中，我们将学习如何使用three.js渲染土耳其最高的Ağrı山脉的数字高程模型（DEM）数据，使用的工具包括Three.js、geotiff、webpack和QGIS。 我们将要使用的数据是由USGS (美国地质调查局)免费提供的。使用USGS Earth Explorer我下载了Ağrı山脉的DEM（数字高程模型）和卫星图像，这是一个休眠的火山，也是土耳其境内最高的山。 我使用USGS应用程序下载了一些卫星影像，然后尝试着找出云层覆盖率小于10%的图像： 1、Landsat????️ - 用
THREE.Terrain：基于Three.js的网页3D地形生成引擎
最新发布
gitblog_00730的博客
08-16 523
THREE.Terrain：基于Three.js的网页3D地形生成引擎 THREE.TerrainA procedural terrain generation engine for use with the Three.js 3D graphics library for the web.项目地址:https://gitcode.com/gh_mirrors/th/THREE.Terrain ...
mesh threejs 属性_Threejs构建mesh
weixin_39600291的博客
01-13 390
点/*** 创建网格模型*/var geometry = new THREE.BufferGeometry(); //声明一个缓冲几何体对象//类型数组创建顶点位置position数据var vertices = new Float32Array([0, 0, 0, //顶点1坐标50, 0, 0, //顶点2坐标0, 100, 0, //顶点3坐标0, 0, 10, //顶点4坐标0, 0, 1...
Three.js专栏（三）、创建一个简单的3D地球
weixin_44121341的博客
07-05 2107
用Three.js创建一个简单的3D地球；
评论 24
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值