2024-06-22 01:06:11
68
43
Layers 对象为Object3D对象分配了1-32个图层，编号为0-31。在内部实现上，每个图层对象被存储为一个bit mask，默认所有 Object3D 对象都存储在第 0 个图层上。图层对象可以用于控制对象的显示，和相机处于同一个图层的物体才可以被显示出来。每个继承自 Object3D 的对象都有一个 Object3D.layers 对象。Mesh、Camera、Group等都继承自基类 Object3D，所以它们都有一个 layers 属性。_threejs layers
2024-06-18 22:06:17
929
666
对厂区重点部位、人员、车辆、告警事情等要素进行实时监测，支持安防报警事情疾速显示、定位，实时调取事情周边监控视频，辅佐管理者有效提升厂区平安管控效能。(img-PXWZYmKv-1712538723988)]战项目、讲解视频，并且后续会持续更新**_three.js 污水厂
2024-06-14 23:06:02
475
721
上述几乎可以说是最简化的WebGL渲染流程，包含的基本要素有VBO，顶点缓冲对象 --------> 存顶点数据VAO，顶点数组对象（WebGL 2支持）--------> 存顶点属性Shader，着色器（包括顶点和片段着色器） --------> 运算和渲染Shader Program，着色器程序 --------> 连接着色器Texture，纹理（通常是一张图片）Framebuffer，帧缓冲对象（FBO）Renderbuffer，渲染缓冲对象（RBO）_cesium geojson
2024-06-06 10:06:15
218
662
在Three.js中，要使画布能够自适应窗口大小的变化，需要在窗口大小变化时更新相关的渲染器、摄像机等参数。①②更新摄像机的宽高比，以确保画面不会变形。③通过更新摄像机的投影矩阵，确保透视投影的正确显示。④更新渲染器的大小，使其与新的窗口大小相匹配。⑤设置渲染器的像素比，以适应高分辨率屏幕，提高渲染效果。_three.js场景自适应
2024-05-31 20:05:41
727
828
Three.js可以用来展示产品模型、建立交互式场景、游戏开发、数据可视化、教育和培训等等_three glb
2024-05-29 10:05:47
87
712
射线交叉计算，项目中一般是比较复杂的，我们就得去处理Group模型（就是一组模型，可以看看Group的概念）导入的时候（还是参考场景一的，我导入的时候就是一组模型，如果你的不是，可以手动分组，再添加到场景中），给。我们文章上面有这个判断，一般我们模型都是比较复杂的，我们还要清楚Group的概念。这一步最好是在，确保模型加载完之后（这是我写的一个办法，当然也可以有其它办法）其实有一个简单的办法，先取消模型的点击事件，再加个0ms的异步任务，开启监听。，是按照顺序返回的，直接判断第一个就行，再加一些操作。
2024-05-08 10:05:28
854
877
Three.js可以用来展示产品模型、建立交互式场景、游戏开发、数据可视化、教育和培训等等_three glb
2024-05-07 13:05:17
42
346
Three.js 是一款基于 WebGL的 JavaScript 3D 库，它封装了 WebGL API，为开发者提供了简单易用的 API 来在 Web 浏览器中展示 3D 图形。Three.js 提供了多种组件、方法和工具，用于创建和处理 3D 图形，使得开发者可以在 Web 浏览器中快速创建 3D 场景和动画，而不需要深入了解 WebGL 的底层实现。简单来说：它就是一个绘制 3D 的 javaScript 轻量级框架；_vue three.js
2024-05-06 09:05:30
513
824
大屏可视化构建工具：【阿里云的DataV】、【蚂蚁体验技术部 AntV 数据可视化】、【D3】、【G2】、【Vega】、【Vega-lite】以及常用于项目的【ECharts】_vue echarts大屏模板
2024-04-15 21:04:28
314
297
通过CSS3渲染器和模型可以把HTML元素像Threejs的网格模型Mesh或精灵模型Sprite一样去渲染_css3drender
2024-03-17 00:03:19
831
963
webgl、OpenGL，WebGL，定义了一套API，能够允许在网页中的canvas标签中使用类似于Open GL，实际上是一套基于OpenGL ES 2.0的3D图形API。_opengl h5
2024-03-15 10:03:42
527
718
前言在 3D 机房数据中心可视化应用中，随着视频监控联网系统的不断普及和发展, 网络摄像机更多的应用于监控系统中，尤其是高清时代的来临，更加快了网络摄像机的发展和应用。在监控摄像机数量的不断庞大的同时，在监控系统中面临着严峻的现状问题：海量视频分散、孤立、视角不完整、位置不明确等问题，始终围绕着使用者。因此，如何更直观、更明确的管理摄像机和掌控视频动态，已成为提升视频应用价值的重要..._前端显示机房平面
2024-03-09 09:03:15
908
96
前言近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破，以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及，宇宙空间中那些原本遥不可及的事物离我们越来越近，人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上，作为人类这个物种中的一员，我们理所应当对我们生活的星球、所在的太阳系有一定的认识，对 8 大行星各自的运行...
2024-03-08 10:03:02
174
274
前言自 2011 年我国城镇化率首次突破 50% 以来，《新型城镇化发展规划》将智慧城市列为我国城市发展的三大目标之一，并提出到 2020 年，建成一批特色鲜明的智慧城市。截至现今，全国 95% 的副省级以上城市、76% 的地级以上城市，总计约 500 多个城市提出或在建智慧城市。基于这样的背景，本系统采用 Hightopo 的HT for Web 产品来构造轻量化的 智慧城市...
2024-02-25 11:02:19
891
644
前言2019 年 VR, AR, XR, 5G, 工业互联网等名词频繁出现在我们的视野中，信息的分享与虚实的结合已经成为大势所趋，5G 是新一代信息通信技术升级的重要方向，工业互联网是制造业转型升级的发展趋势。本文所讲的 VR 是机械制造业与设备的又一次交流，当技术新星遇上制造潮流，无疑将成为制造业，工控业等行业数字化转型的重要驱动力。“5G VR 工业互联网”必将成为新的一年...
2024-02-13 10:02:53
153
124
本示例介绍如何在vue openlayers中通过webgl方式加载矢量图层。在做这个示例的时候，采用vite的方式而非webpack的方式。这里的基础设置需要改变一下。 ol的版本7.5.2或者更高。
2024-02-11 10:02:50
218
952
vue项目，浏览器报错：Too many active WebGL contexts. Oldest context will be lost。报错原因：在项目中使用了echarts-gl组件，切换页面后组件不销毁，一直累积。解决方法：在每次初始化图表之前，把之前的组件销毁掉。全部代码如下,echarts-gl用法来自于。_too many active webgl contexts. oldest context will be lost