如何基于three.js(webgl)引擎架构,实现3d密集架库房,3d档案室(3d机器人取档、机器人盘点、人工查档、设备巡检)-编程思维

 前言:   这是最好的时代,也是最坏的时代;是充满挑战的时代,也是充满机遇的时代。是科技飞速的时代,也是无限可能的时代。   近年来,人工智能(AI)技术的飞速发展已经席卷了全球,不断突破着技术边界,为各行各业带来前所未有的变革。作为引领未来的核心技术之一,AI正在深刻地改变着我们的生活方式和工作模式。前几天OpenAI发布了邻人叹止Sora大模型,专门用于生成视频。这一模型在人工智能领域引起

如何基于three.js(webgl)引擎架构,研发一套通过配置就能自动生成的3d机房系统-编程思维

序:   这几年观察下来,大部分做物联网三维可视化解决方案的企业或个人, 基本都绕不开3D机房。包括前面也讲过这样的案例《使用webgl(three.js)创建自动化抽象化3D机房,3D机房模块详细介绍(抽象版一)》  《 使用webgl(three.js)创建科技版3D机房,3D机房微模块详细介绍(升级版三)—— 1》   随着技术的快速发展,机房的数量和规模也在不断扩大。然而,传统的数据中心

如何使用webgl(three.js)实现煤矿隧道、井下人员定位、掘进面、纵采面可视化解决方案——第十九课(一)-编程思维

序:   又是很久没有更新文章了,这次索性将之前做的三维煤矿项目拿出来讲讲,一是回顾技术,二是锻炼一下文笔。   随着科技的不断发展,越来越多的人开始关注煤矿采集的安全和效率问题。为了更好地展示煤矿采集的过程和效率,可视化展示系统成为了一个非常重要的工具。   本文将介绍一种针对煤矿采集的3D可视化展示系统解决方案,以帮助煤矿企业更好地了解工程情况,提高效率和安全性。    采煤企业现在基本都要

threejs绘制平面多边形-编程思维

在Three.js中,可以使用geometry对象和geometryMaterial对象来创建和渲染多边形几何体。下面是一个绘制多边形平面的示例代码:   // 创建一个立方体几何体 var cubeGeometry = new THREE.BoxGeometry( 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5

threejs绘制球体-编程思维

threejs绘制球体 在Three.js中,可以使用geometry对象和geometryMaterial对象来创建和渲染球体几何体。下面是一个绘制球体的示例代码: // 创建一个立方体几何体 var cubeGeometry = new THREE.BoxGeometry( 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5

threejs创建圆柱体-编程思维

threejs创建圆柱体   创建一个几何体(geometry):使用Three.js的几何体类创建一个几何体,该类将定义您的几何体的形状和大小。例如,您可以使用以下代码创建一个圆柱体: var geometry = new THREE.CylinderGeometry(5, 32, 32);   这将创建一个高度为5、半径为32的圆柱体。 创建一个网格(mesh):使用Thre

如何使用webgl(three.js)实现3d储能,3d储能站,3d智慧储能、储能柜的三维可视化解决方案——第十七课_魂断蓝桥666-编程思维

前言 上节课我们讲了《3D光伏发电》,与之配套的就是能量存储 这节课我们主要讲讲储能,储能站,在分布式能源系统中起到调节用对电的尖峰平谷进行削峰填谷的作用。特别是小型储能站,更加灵活,因地适宜。能够很好的解决电力在时空上的不平衡。储能电站技术的应用贯穿于电力系统发电、输电、配电、用电的各个环节。 储能站可视化解决方案,有效直观的提升储能调节效率。对设备进行状态告警监控,储能监控。 定义介绍:  

webgl(three.js)3d光伏,3d太阳能能源,3d智慧光伏、光伏发电、清洁能源三维可视化解决方案——第十六课_魂断蓝桥666-编程思维

序:   能源是文明和发展的重要保障,人类命运不可避开的话题,无论是战争还是发展,都有它存在的身影。从石器时代到现代文明,人类的能源应用在进步,也在面临能源枯竭的危机与恐惧,而开发与应用可再生能源才是解决这一难题的主要途径。中国在这一方面,一直走着实事求是,可持续发展的道路,追求新能源的开发与创新是每一个能源企业的使命。   太阳能能发电应运而生,这是一种清洁有效并且可持续的优质能源,这一能源即

如何用webgl(three.js)搭建一个3d库房,3d仓库3d码头,3d集装箱,车辆定位,叉车定位可视化孪生系统——第十五课_魂断蓝桥666-编程思维

序   又是快两个月没写随笔了,长时间不总结项目,不锻炼文笔,一开篇,多少都会有些生疏,不知道如何开篇,如何写下去。有点江郎才尽,黔驴技穷的感觉。   写随笔,通常三步走,第一步,搭建框架,先把你要写的内容框架搭建出来;第二步,添砖,在框架基础上,填写各部分内容;第三步,加瓦,再写好的内容上进行修改,润湿。然后文章的质量,就因人而异了。但不管怎么说,得写,得练,得经受的起各路能人志士的批评指教,

webgl(three.js)实现室内三维定位,3d定位,3d楼宇bim、实时定位三维可视化解决方案——第十四课(定位升级版)_魂断蓝桥666-编程思维

序:   还是要抽出时间看书的,迷上了豆豆的作品,最近在看《天幕红尘》,书中主人公的人生价值观以及修为都是让我惊为叹止。很想成为那样的人,但是再看看自己每天干的事,与时间的支配情况,真是十分的汗颜。除了为了生活所必须的工作时间外,还有大部分零散的时间不是给了短视频,就是给了短讯文章,简讯媒介,不说是毫无意义吧,但也着实是浮躁虚夸了。   用豆豆作品里的话术,"透视社会依次有三个层面:技术、制度和

使用three.js(webgl)搭建智慧楼宇、设备检测、数字孪生——第十三课_魂断蓝桥666-编程思维

  老子云:有道无术,术尚可求,有术无道,止于术。   咱开篇引用老子的话术,也没其它意思,只是最近学习中忽有感悟,索性就写了上来。 这句话用现代辩证思维理解,这里的”道“ 大抵是指方法论,解决大部分问题的一般发展规律,例如学习的方法,解决问题的方法,获取知识的方法。而这里的”术“就可以理解为解决具体问题的技术,例如,一门手艺,一项专业,一个技能等。老子的意思是要掌握一般事物的发展规律... 学

three.map.control_刘世涛6192-编程思维

网址:https://github.com/anvaka/three.map.control 在threejs群里发现的一个很有意思的问题之前没有接触过: 存在的问题:  我在微信小游戏中,用orbit也会出现计算错误的情况,动一下就不见了。  解决办法:  发现了, 原来是小游戏里面获取不到 element.clientWidth, 要替换成 window.innerWidth  three

threejs 世界坐标转化为屏幕坐标_刘世涛6192-编程思维

网站: http://www.yanhuangxueyuan.com/Three.js_course/screen.html 方法.project    通过Vector3对象的方法project,方法的参数是相机对象,语句worldVector.project(camera);返回的结果是世界坐标worldVector在camera相机对象矩阵变化下对应的标准设备坐标, 标准设备坐标xyz的

谷歌开发的draco格式文件将obj文件压缩成drc文件后将大大减小文件大小(threejs加载有mtl文件的drc文件)_刘世涛6192-编程思维

问题描述:当前threejs是92版本 但是当前版本还没有能够直接加载带贴图文件的drc格式的loader; 解决办法:先加载mtl文件将obj文件分解(按照mtl文件内材质贴图信息进行分解)再将分解的obj文件转成drc全部加载一遍就能解决贴图的办法 ; 代码: THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() );

threejs指定对象旋转中心_刘世涛6192-编程思维

指定对象旋转中心 默认情况下,对象的旋转中心都是自身的中心。对于组对象而言,也是如此。因此,可以利用这个特点,实现对象绕任何点旋转,也就是指定旋转中心。比如我们想要下图的对象绕A点旋转  我们可以添加我们的对象到一个组对象,然后移动对象,让A点对准组的中心位置,如下: 此时,如果我们旋转组对象,整个组里面的对象都绕着组的中心旋转,那么就实现了对象绕A点旋转了。 但是,此时我们的对象位置变了,所以

threejs纹理_刘世涛6192-编程思维

纹理 纹理用来表现物体的细节。理论上可以将物体的每个细节建模出来,但是这样时间成本和性能成本都太高,因此,将物体的一些细节用纹理来表示。 图片纹理 图片纹理直接在物体表面应用图片。可以使用TextureLoader类的load方法来加载纹理。 function loadImgTexture(){ var loader = new THREE.TextureLoader(); l