- 博客(253)
- 资源 (15)
- 收藏
- 关注
原创 Web 3D智慧变电站三维工程进度系统-WebGL/Threejs实战开发
三维智慧变电站包含BIM建模(revit)等高精度虚拟现实模型。不仅建模外观,电站里包含的主变、电容器、主控室、GIS、电线电缆等所有电力设备和场地3d模型制作。
2021-08-23 18:04:54
5505
2
原创 Web3D智慧数字三维工地 HTML5+Threejs实战开发
智慧数字工地监管平台的建设,能帮助政府监管部门及建筑企业有效的解决施工现场事故多发,扬尘噪声污染大,重点部位生产操作过程不规范、隐患未及时消除,人员、精力有限,无法全方位检查、监管,施工进度、施工质量得不到保障等问题,提高工地的安全生产监管和建筑质量监管水平。 数字化工地可助力政府监管部门提高监管效率,帮助建筑企业提高企业管理水平。 数字化工地是“智能硬件”和“互联网大数据”理念在建设工程领域行业具体体现,它是一种崭新的工程现场一体化管理模式,是互联网+传统建筑行业的深度统合“数...
2021-08-22 16:55:04
6836
原创 AGV智能三维数字物流库房HTML5+WebGL(Threejs)解决方案
智能三维数字库房系统是物流系统中的重要组成部分,是一种多层存放货物的立体高架系统。自动化立体仓库采用计算机管理系统、电气控制系统与物流仓储设备的结合,在人工不直接进行干预的情况下自动地存储和取出货物,实现了一种物流管理高效化、货物存取自动化的现代物流作业方式。其还表现出体系化、整体化的特点,三“体”合一,构成了立体仓库给予人的直观感受。而赋予立体仓库这种表现的,则是其组成,包括货架、堆垛机、叉车、AGV、分拣系统等协同配合,以及自动化设备制造商自成一体的解决方案。自动设备提供商不仅为立体...
2021-04-23 16:49:05
3822
1
原创 BIM智慧数字社区-GIS+5G+物联网数字孪生平台
BIM技术在建设项目全生命周期阶段均得到大量应用和发展,综合运用BIM+GIS、5G物联网以及其他相关技术,实现建设项目增值,也成为工程项目管理新的趋势。本文将BIM与GIS、BIM社区引擎等技术综合运用于智慧园区的管理中,构建了基于BIM的智慧数字园区系统的框架,并主要做了以下几方面研究,整合设备设施管理、安防管理、环境管理、社区管理、车辆管理、人员管理等内容,并结合BIM、GIS、物联网、Cesium引擎和5G技术等技术的理念和特点. 基于BIM的智慧数字园区,全局模型集成化、...
2020-08-10 14:37:12
6054
1
原创 Web 3D焦化厂-智慧数字焦化厂HTML5+WebGL(Threejs)案例实战
随着IT新技术5G、人工智能、移动互联的发展,虚拟仿真Html5+3D(Webgl)技术已经悄然崛起,而3D工厂在数字化的今天,已经被越来越多的公司和企业应用,三维数字化工厂模型的应用,加快了工厂车间、厂房,设备,传感器、管道罐体运行状态和实时监测控制等各个环节的效率。 对工厂的大楼、生产车间、生产设备设施、监控设备等进行三维建模,实现物理工厂园区到3D虚拟工厂园区的数字化、可视...
2019-11-11 15:09:20
11867
6
原创 Web 3D工厂--智慧数字可视化工厂HTML5+WebGL(ThreeJS)烧脑巨作
随着IT信息技术和移动端的发展,Html5+3D(Webgl)技术已经悄然崛起,而3D工厂厂房在数字化的今天,已经被越来越多的公司和企业应用,三维数字工厂模型的应用,加快了工厂厂房,设备,传感器、管道罐体输送、监测控制等各个环节的效率。 对工厂园区的园区、大楼、生产车间、生产设备、监控设备等进行3D建模,实现物理工厂园区到3D虚拟工厂园区的数字化、可视化的转化。使工厂生产更为流畅,减少...
2019-08-08 18:57:33
32472
44
原创 3D编辑器-Web在线编辑基于WebGL/Threejs技术
在线场景编辑器3D场景在线编辑器,可导出工程、场景、物体或几何体等。 内置多种几何体、光源,场景支持雾效、影子、反光等。 支持导入多种不同格式的3D模型(json、obj、stl、dae等)。 可视化修改场景、相机、几何体、材质、纹理等属性。 应用不同项目场景机房、大楼、园区、设备、器材等更多细节和功能改进后续赘述,感兴趣的可以留言或发邮件1985692469...
2018-11-20 16:02:04
23494
9
原创 Web 3D机房,智能数字机房HTML5 WebGL(ThreeJS)匠心打造
在H5使用3D技术门槛比较低了,它的基础是WebGL(ThreeJS),一个OpenGL的浏览器子集,支持大部分主要3D功能接口。目前主流的浏览器都有较好的支持,IE需要11。最近web 3D机房研发告一段落,有时间整理这段时间的一些成果。主要涉及使用H5、js、WebGL技术。机房3D效果图机房线缆和走线架 线缆的连接走向和连接关系是管理员关注的焦点。机架中...
2017-09-05 11:21:19
28634
103
原创 一文读懂3D高斯渲染黑科技:附Three.js 加载 3D Gaussian Splatting (3DGS) 实现方案
方案优点缺点适用场景Luma AI最简单,官方支持依赖外部服务快速原型、展示纯 Three.js,灵活需要自行处理优化通用开发3DGS SDK企业级,功能完整较重,学习曲线大型项目Mapbox 集成地图融合依赖 MapboxGIS 应用选择建议:新手推荐Luma AI方案,需要深度定制选,地图应用选Mapbox 集成方案。🌟 总结:水滴石穿,未来可期3DGS不是完美的——处理动态场景和超大空间仍有挑战。但它用最简单粗暴的方式,解决了3D领域几十年"质量vs速度"的死结。
2025-12-04 11:40:16
636
原创 不用从零开始!4个Three.js 高质量汽车项目,新手快速上手!!
本文汇总了四个基于Three.js的3D汽车可视化项目。1. 3D汽车展柜项目使用Vue3.0和Three.js展示保时捷911等车型,支持在线预览;2. 汽车配置工具通过WebGL实现外观自定义,使用glTF模型和Blender优化;3. 3D城市项目集成Three.js与AngularJS,包含建筑、车辆等元素,支持物理碰撞和交互控制;4. 汽车驾驶模拟器结合Three.js和Cannon.js,实现车辆物理运动与键盘操控。
2025-12-04 11:36:01
604
原创 Three.js粒子系统特效神器!几行代码搞定星空/火焰/爆炸效果!
three.proton.js是基于three.js的3D粒子引擎,继承ProtonEngine库的核心功能,提供四种渲染器(网格/精灵/点/自定义)和三种发射器(基础/行为/跟随),支持多种物理效果模拟。该库完全兼容three.js,可通过npm或HTML引入使用,采用MIT开源协议。仓库包含核心代码、示例和构建文件,提供火焰、雪花等交互式粒子效果演示。开发者可通过简单API设置粒子属性(位置/生命周期/速度等)和行为(透明度/颜色变化等),快速创建复杂粒子系统。
2025-12-04 11:33:31
276
原创 WebGPU vs WebGL:WebGPU什么时候能完全替代WebGL?Web 图形渲染的迭代与未来
WebGPU与WebGL核心差异解析 WebGPU作为WebGL的革新者,在性能、功能和设计理念上实现了全面突破。核心差异体现在:WebGPU采用显式资源管理和多线程支持,效率比WebGL提升3.5倍以上;原生支持计算着色器,实现图形与计算一体化;统一对接现代图形API,突破WebGL的性能天花板。虽然WebGPU开发门槛较高且兼容性仍在完善,但其已成为Web3D、AI推理等高性能场景的未来标准。预计未来5-10年将逐步替代WebGL,目前主流引擎已开始适配支持,建议新项目优先考虑WebGPU以获得更佳性能
2025-11-20 22:49:02
180
原创 Three.js开发别再踩坑!loaders.gl:50+数据格式通吃,大文件加载秒开
【摘要】loaders.gl是一款跨框架数据加载工具库,专为解决Three.js+GIS开发中的数据加载难题而设计。它支持50+种主流数据格式(包括3D模型、GIS地理数据、点云和影像),能自动转换格式并大幅减少解析时间。核心优势在于跨框架兼容、流式加载大文件、TypeScript友好,实测中1GB模型加载不卡顿,百万级点云流畅展示。通过极简代码示例展示了GLB模型和Shapefile的加载方法,特别推荐Three.js开发者、GIS前端工程师及数字孪生项目使用,可显著提升开发效率。
2025-11-17 22:44:38
572
原创 揭秘 BIM Web 三维可视化利器,BIM百万级构件加载轻松拿捏!还支持点云、glTF/GLB等通用格式
xeokitSDK是一款专注于BIM/AEC领域的开源WebGL三维引擎,致力于解决传统BIM软件在Web端可视化与协同中的痛点,如高门槛、协作难和集成弱。它通过轻量化技术(如XKT格式)实现大型BIM模型的高效加载,支持IFC、Revit等格式的语义信息保留,并提供剖切分析、测量标注等专业交互工具。xeokitSDK适用于设计审查、施工交底、智慧运维等场景,降低BIM协同的技术门槛,推动行业效率提升。开发者可通过官网快速入门,非技术人员亦可体验基于xeokit的商业化平台。(150字)
2025-11-13 16:41:50
544
原创 Three.js实现白天与夜景的动态切换
摘要:Three.js实现昼夜动态切换的核心是通过调整光照系统(方向光强度/颜色、环境光强度)和天空盒纹理的平滑过渡。使用Tween.js或GSAP实现光照参数插值动画,预加载HDR环境贴图减少延迟,并通过交叉淡入淡出技术切换天空盒。可添加辉光特效和动态显示月亮模型增强夜景效果,最终形成从白天参数到夜景参数的渐变过程。关键代码包括初始化光照系统、准备双套天空盒材质、编写过渡函数及交互控制,实现自然的昼夜场景转换。
2025-11-10 11:26:52
156
原创 Graphhopper本地部署-实现离线地图路径规划功能
摘要:本文介绍了在Windows环境下搭建Graphhopper本地地图服务的完整流程。主要内容包括:1)从OpenStreetMap或Geofabrik下载地图数据;2)配置Java JDK和Maven环境;3)下载Graphhopper工程(建议选择stable分支);4)解决常见问题(IIS服务、Cygwin安装、wget工具);5)配置文件修改与构建启动;6)内存优化处理;7)最终效果验证及API调用方法。文中特别强调了master分支可能缺少关键文件、内存溢出等常见问题的解决方案,并提供了Pyth
2025-08-27 16:36:22
732
原创 Cesium粒子系统模拟风场动态效果
本文介绍了一个基于Cesium的三维风场可视化Web应用实现方案。该系统通过粒子系统模拟风场动态效果,支持交互式参数调整,包括粒子数量(500-5000)、风速比例(0.01-0.1)和透明度(0.1-1)等参数。应用采用处理风场数据,使用WebGL着色器实现高效渲染,通过颜色梯度映射显示风速强度。数据源支持从NCEP获取GRIB2格式气象数据,并使用grib2json工具转换为JSON格式。系统具有响应式设计、性能优化等特点,可实时展示全球风场分布情况。
2025-08-07 14:59:48
1201
原创 geoserver安装及跨域问题解决 -- cesium无法访问geoserver服务
geoserver安装及跨域问题解决 -- cesium无法访问geoserver服务
2025-01-13 14:41:16
813
原创 threejs webgl效果 功能特效 光柱效果 雷达效果 OD线 雪 雨 光墙效果 能量球 烟火效果 光圈 气体粒子 消融 溶解效果
threejs webgl效果 功能特效 光柱效果 雷达效果 OD线 下雪 下雨 光墙效果 能量球 烟火效果 光圈 气体粒子 消融 溶解 效果
2024-08-14 17:24:57
1199
原创 Web3D智慧医院平台(HTML5+Threejs)
Web3D智慧医院平台(HTML5+Threejs) 智慧医院的建设将借助物联网、云计算、大数据、数字孪生等技术,以轻量化渲染、极简架构、三维可视化“一张屏”的形式,让医院相关的子系统管理既独立又链接,数据相互融合趋势发展。
2024-04-16 11:58:35
1984
原创 WebGIS航线编辑器(无人机航线规划)
WebGIS航线编辑器(无人机航线规划) 无人机航点、航线规划,实现全自动航点飞行作业及飞行航拍。禁飞区、作业区功能保障飞行安全。
2024-03-21 15:49:30
3413
5
原创 WebGIS管线在线编辑器(电力、水力、燃气、热力、热能管线)
WebGIS管线在线编辑器(电力、水力、燃气、热力、热能管线) WebGIS的城市电力、水力、燃气、热力、热能管线
2024-03-21 14:48:22
1730
1
原创 Web3D包装生产线 HTML5+Threejs(webgl)开发
生产线三维可视化解决方案就是通过物联网、虚实联动和三维建模等先进技术,以一个3D立体模型展现出来,可以让我们很直观的看到生产线的运作以及对数据的监控。3D运用数据孪生技术可以让工业3D物联网管理系统的界面变得非常的简单易看,并且能够及时的将异常信息传达给监控人员,以便于监控人员在识别到异常信息的时候能够及时解决问题,从而提高监控效率。
2023-04-23 18:21:04
1941
1
原创 Web3D智慧厂房 HTML5+Threejs(webgl)开发
智慧工厂是现代工厂信息化发展的新阶段,也是工业互联网时代的必然产物。智慧工厂是利用大数据、物联网、三维可视化等技术,实现工厂办公、管理自动化,对整个生产过程进行仿真、评估和优化,实现工厂作业规范化、智能化、可视化,以更加精细和动态的方式管理生产,达到“智慧”状态,从而提高工厂的管理效率和生产效率,保障安全生产。
2023-04-23 11:29:43
4320
2
原创 Web在线3D编辑器-全场景编辑全新功能升级
在线编辑器采用了在线互动三维引擎技术,为用户提供了快速场景搭建能力,使用户得以零基础、低门槛、低成本地在数字化世界中,搭建一个真实世界的仿真场景。
2022-01-10 19:06:02
9372
5
原创 three.js中的矩阵变换(模型视图投影变换)
目录1. 概述 2. 基本变换 2.1. 矩阵运算 2.2. 模型变换矩阵 2.2.1. 平移矩阵 2.2.2. 旋转矩阵 2.2.2.1. 绕X轴旋转矩阵 2.2.2.2. 绕Y轴旋转矩阵 2.2.2.3. 绕Z轴旋转矩阵 2.3. 投影变换矩阵 2.4. 视图变换矩阵 3. 着色器变换 3.1. 代码 3.2. 解析 4. 其他1. 概述我在《WebGL简易教程(五):图形变换(模型、视图、投影变换)》...
2021-03-16 15:15:19
2821
原创 three.js 中的矩阵变换及两种旋转表达方式
矩阵变换three.js使用矩阵来保存Object3D的变换信息。矩阵变换的基础平移变换比例变换旋转变换(x,y,z,1)绕x轴旋转(x,y,z,1)绕y轴旋转(x,y,z,1)绕z轴旋转three.js中的矩阵 var cube = new THREE.Mesh(new THREE.CubeGeometry(1,1,1),new THREE.MeshBasicMaterial()); cube.position.set(...
2021-03-15 17:08:03
3437
翻译 GEOJSON与shp互转
一 在线转换网站1.1 mygeodata convert:https://mygeodata.cloud/converter/geojson-to-shp1.2 mapshaper :http://mapshaper.org/来源参考:https://community.esri.com/thread/105193二 gdal提供的ogr2ogr命令利用postgis扩展控件包含的gdal插件image.pngimage.pngogr2ogr -f Ge...
2020-07-29 15:48:07
16933
1
原创 Cesiumjs 高德路径规划
路径分析本人是基于高德来做的,调用百度的大致过程类似,只是修改坐标转换的方法,此处就不放出基于百度的路径分析了;先说下此功能的思路,由于高德的坐标系是国测局的,而cesium的坐标系是wgs84的,故要对偏差进行处理,处理之后再进行模拟;这里调用的是驾驶车辆的路径规划,高德支持步行、驾车等多种路径规划;一般高德一次性会计算出多条线路,此处为了展示方便,取第一条线路来进行展示。此处计算的是两点之间的用时最少的路线。高德计算两点之间的路径后,会提供多种选择,比如 用时最少、距离最短、躲避拥堵、避免收费
2020-05-09 14:56:37
2963
1
深度学习领域DeepSeek R1系列模型的本地部署与API接入教程
2025-02-24
vc 程序重新启动(进程)
2011-02-22
泰康Techcon串口大师v1.0.6
2010-04-21
freepdb.cmd handle.exe
2011-04-22
DirectX采集摄像头数据
2011-05-30
Myeclipse2013汉化
2017-12-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅