JavaScript
Webgl Three.js多数据三维显示问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区问题描述：
1.需要绘制地形数据。这个数据大概有20~30层，
每层1000个小立方体(共2~3万个小立方体，八个顶点空间坐标和一个中心坐标)组成的。
2.现在测试在JS里模拟显示2~3万个立方体数据，网页加载速度很慢，很容易卡死，如果加载出来了，FPS刷新才两三帧
根本无法对这2~3万个数据进行整体旋转等操作。
3.这些数据是通过第三方工具动态生成的，每次生成的数据大多不一样。
问题：
1.有没有什么方式可以先在后台将这些小立方体组装成一个大的模型？然后再WEB上显示，速度会不会快些？
2.不知道大神们有没有其它更好的方式，显示这么多数据。
1.需要绘制地形数据。这个数据大概有20~30层，
每层1000个小立方体(共2~3万个小立方体，八个顶点空间坐标和一个中心坐标)组成的。
2.现在测试在JS里模拟显示2~3万个立方体数据，网页加载速度很慢，很容易卡死，如果加载出来了，FPS刷新才两三帧
根本无法对这2~3万个数据进行整体旋转等操作。
3.这些数据是通过第三方工具动态生成的，每次生成的数据大多不一样。
问题：
1.有没有什么方式可以先在后台将这些小立方体组装成一个大的模型？然后再WEB上显示，速度会不会快些？
2.不知道大神们有没有其它更好的方式，显示这么多数据。
...全文
相关推荐
webgl 实现的炫酷地球 基于three.js
Three.js是基于WebGL的JavaScript库，它简化了WebGL的复杂性，提供了丰富的功能和易用的API，使得开发3D应用变得更加便捷。
【数字孪生工业应用实战】第2篇：数字孪生系统架构设计与技术选型——从“作秀”到“实干”的骨架构建
本文系统剖析了数字孪生系统从“作秀”到“实干”的架构设计关键。针对多数项目在POC转生产时因架构混乱、选型盲目而失败的问题，深入阐述了四层分层架构（感知层、传输层、模型层、应用层）的设计原则，重点解析了感知层的异构适配与边缘预处理、传输层的异步解耦与多模式通信等工程细节。结合OPC UA、MQTT、EdgeX Foundry等主流技术选型对比，以及汽车焊装车间边缘智能网关的实战代码，提供了从零搭建微型孪生系统的完整指导。旨在帮助工程师建立清晰的选型决策逻辑，构建稳定、可演进的数字孪生“骨架”。
Three.js 三维坐标柱状图
Three.js 是一款基于 WebGL 的 JavaScript 库，用于在浏览器中创建和展示三维图形。它使得开发者无需深入理解底层的 WebGL API，就能轻松构建丰富的交互式3D应用。
Three.js 入门指南(中文)
### Three.js 入门指南知识点概述#### 一、Three.js 概述及入门- **定义**：Three.js 是一款基于 WebGL 的 JavaScript 3D 库，它简化了 WebGL
基于WebGL的Revit三维建筑模型重建_
Three.js是一个基于WebGL的3D库，提供了丰富的API用于创建和显示复杂的3D场景，非常适合处理此类任务。3.
