登录社区云，与社区用户共同成长
邀请您加入社区
webgl threejs 云渲染(服务器渲染、后端渲染)解决方案
今天是最后一天上班，所以打酱油的时间充分，想着明天就要坐上爱心的突突车返乡了内心真是激动万分呀，既然要过大年了，基本上期间写博客的心思也应该跑得九霄云外了，所以安耐住激动的心必须年前搞一发，也提前预祝各位赏光的大佬们春节快乐~~今年的学习其实落下很多，如kotlin项目、flutter项目、ios、java并发、jvm、算法与数据结构，java全栈，android架构。。。。还想学的有基金理财、.
之前在Unity上完成的小游戏项目成功导出了.exe文件，但同时又想把它以别的形式再进行导出，虽然Unity官方提供了专门的服务器来给用户上传他们的WebGL项目，但个人感觉那总有点寄人篱下，于是想自己租一个云服务器用来上传自己的项目。
大概是在去年时候就不能在本地直接用浏览器测试WebGL项目了、在这里分享一个本地测试WebGl项目的方法、也是给自己做个笔记Web服务器nginx-1.17.1下载1.首先先下载Web服务器nginx-1.17.12.解压后将该文件夹放在桌面上，打开文件夹后找到nginx，然后双击打开，会出现一个Dos命令框一闪而过3.将需要打开的项目放在WebGLTest文件夹下4.打开火狐浏览器、在网址输入栏
早点关注我，精彩不迷路！在前面的文章中，我们介绍完了Gilbreath Principle的基本理论以及First Gilbreath Principle的魔术应用，相关内容请戳：Gilb...
， hi 大家好，今天分享一这篇文章，让大家彻底了解分布式原理，这个是后台开发必须掌握技能。刚性事务柔性事务本地事务分布式事务单阶段原子提交协议两阶段提交协议定义原理性能恢复缺陷XA...
数字孪生项目开发涉及三维建模、实时数据集成、云计算和AI分析四大核心技术。三维建模采用BIM/CAD建模和WebGL渲染；数据集成通过MQTT/WebSocket实现IoT连接；后端使用Python/Go处理时序数据；AI模块提供预测分析和异常检测。典型架构包含Three.js前端、InfluxDB数据库和MQTT实时通信，实现物理世界的数字化映射与智能分析。
这是在顶点着色器和片段着色器之间增加 Inter-stage 变量的一种简便方法。然后，我们不再只返回一个表示位置的vec4f，而是声明一个结构体的实例，填充并返回它。在片段着色器重，我们声明将其中一个结构体作为参数的函数。然后，我们声明顶点着色器将返回该类型的结构体。变量在顶点着色器和片段着色器之间发挥作用。我们创建一个有3种颜色的数组。这里我们声明了一个结构体。
首先是Web 和 WebGPU 上的图形简史.如果您还没有阅读，请阅读 - 这篇文章在很大程度上是从那篇文章开始的。我将介绍WebGPU在实践中与WebGL的比较，我在Web游戏引擎Construct中添加WebGPU支持时学到的东西，以及它对未来的意义。
在实时渲染领域，呈现一个绚丽的画面除了艺术美术的功力之外，还需要大部分的技术支持: 数理几何原理和渲染技术。GLSL(OpenGL的Shader语言,用于对GPU渲染过程实现编程控制)就是这些技艺和呈现之间的桥梁。一个稍微复杂的画面，用纯GLSL实现，除了要熟悉这个语法以及对应的GPU功能之外还需要熟悉数理原理和一些技巧，所以包含的内容比较多。湖光山色是一个富有诗意的画面，在Shade...
立即尝试GPU加速粒子系统+Web Worker组合用SPH算法实现真实流体效果在评论区晒出你的物理模拟作品！🌊💥。
这不是完整教程，更像笔记参考 Three.js Essentials这本书，有很多地方直接复制翻译的内容Three.js 的函数有有用到异步加载，当制作复杂的3d视图有加载本地图片及其他文件时应该建立本地服务器，否则直接运行html文件时浏览器会提示加载错误：XMLHttpRequest cannot load file:///F:/phptools/Apache2.2/htdocs/t
性能提升：通过 Web Workers 避免主线程阻塞，WebGL 实现 GPU 加速渲染。可扩展性：适用于物联网、金融、工业监控等高并发场景。
动态 buffer offset 的最大数量（如 bind group 中用 dynamic offset）他是对图形计算器的抽象，对应到具体的集成显卡、独显、甚至软件模拟的驱动。个颜色附件（MRT：multi render target）个资源（buffer、texture、sampler）表示一次渲染/计算管线中最多可绑定 4 个。每个 shader 阶段最多可用 12 个。+ 最多 20 顶
WebGL（Web Graphics Library） 是一种基于 OpenGL ES 2.0 的 JavaScript API，它让你可以在浏览器中直接调用 GPU（显卡）来绘制 2D/3D 图形。✅ 运行环境：浏览器✅ 编程语言：JavaScript + GLSL（着色器语言）✅ 渲染模式：基于 GPU 的管线式渲染模型（Rendering Pipeline）WebGL 主要由以下几个阶段组成
《Ploy3D 2026.1：数字孪生开发新框架》摘要：Ploy3D推出2026.1版本，为Unity平台提供专业级数字孪生开发框架。该插件支持Windows/macOS/Web多平台发布，具备四大核心功能：1）高级GIS系统，支持多源地理数据集成与动态坐标转换；2）运行时3D模型加载，实现资产即插即用；3）WebUI交互系统，实现3D场景与Web应用深度集成；4）JavaScript脚本扩展能力
数字孪生项目开发涉及多维度技术整合，主要包括：1）数据采集与集成（物联网、边缘计算、消息队列）；2）三维建模与可视化（WebGL/游戏引擎）；3）后端数据处理（时序数据库、AI分析）；4）物理仿真与预测（MATLAB/机器学习）；5）云平台部署（Docker/K8s）。开发过程需实现从数据驱动到模型驱动的迭代，最终达成"可视-预测-控制"目标。核心在于整合IoT、3D图形、云计
数字孪生项目开发依赖于3D可视化、数据集成和模拟分析三大技术框架。3D渲染层采用Three.js/Babylon.js（Web端）或Unity/Unreal（客户端），数据集成层使用MQTT/WebSocket实时传输IoT数据，后端服务基于Python/Node.js处理时序数据和AI模型。其核心特点是：毫秒级实时双向映射、预测性仿真能力、跨领域数据融合，以及支持大规模复杂场景的模块化架构。数字
webGL中主要有6种坐标系．接下来看看如何在以下三种坐标系之间进行坐标数据的转换：屏幕坐标系，标准坐标系，世界坐标系．屏幕坐标系和标准设备坐标系先来了解一下这两个坐标系的定义，具体如下图所示：屏幕坐标系的起始点(0,0)在左上角，而标准坐标系的起始点在canvas中心处.假设3D画布的大小填满window假如我们要通过鼠标来操控3D画布内的场景对象，需要将鼠标的坐标位置转换为3...
从 unity 2021.3.22f1c1 打包找到 build / xxxxx.loader.js 文件文件，替换至当前工程。解决方法是 修改 build / xxxxx.loader.js 文件。根据错误得出结论是：unity 缓存数据，在浏览器中没有起到作用。或者点击下载该文件尝试替换（打包的名称.loader.js ）不要问我这么知道这种方法的，这是历史更新问题。
如果说选择压缩打包那么在本地测试会出现浏览器不支持解压缩这个问题解决方案还在研究中，所以就只讲解一下不压缩的，其实压缩与不压缩其会出现的问题只会在包的大小上体现出来如果不是正式上线只是本地测试的话没有什么区别也不会存在解压缩这个问题了。打包后我们会发现在我们的文件夹里会有一个网址html，这代表我们的Web包已经打成功了，那么直接点击这个html文件就能够直接运行我们的项目了。点击确定就添加上了我
数字孪生开发涉及四大核心技术层：1）物理层采用IoT传感器、边缘计算和工业控制系统实现数据采集；2）数据层运用消息队列、时序数据库和云平台处理海量实时数据；3）模型层结合CAD建模、物理仿真和AI算法构建智能预测核心；4）应用层通过Web/AR/VR可视化界面提供交互决策支持。该技术栈需要融合物联网、大数据、AI和3D渲染等跨领域能力，实现从物理世界到数字空间的精准映射与智能分析。
数字孪生技术在电厂锅炉监控系统中能够帮助用户更好地管理设备，提高设备的安全性和运行效率，降低设备维护的难度和成本，提高锅炉的使用效益。通过整合数字孪生技术、虚拟现实技术、物联网技术、RFID技术等多种技术手段，可以建立一个高效、准确和安全的电厂锅炉三维可视化监控系统，这将使得电厂锅炉的运行管理变得更加简单和清晰，从而帮助用户提高设备的利用效率和性能，促进电力工业的发展。为了实现这样的功能，可以采用
数字孪生技术构建物理对象的虚拟副本，其核心技术包括：1）数据采集层（工业通信协议与边缘计算）；2）实时数据处理层（消息队列与时序数据库）；3）3D可视化层（WebGL渲染引擎与性能优化）；4）智能分析层（云平台、仿真建模与机器学习）。这些技术需要整合IT与OT领域能力，实现物理世界的实时数字化映射和智能分析，为预测性维护和优化决策提供支持。
BabylonJS入门——初探：数据展示Babylon.GUI的两种模式全屏模式纹理模式BabylonJS控件来自外部的数据相关拓展总结更多Babylon.GUI的两种模式在之前的文章中，我们已经建立了一个场景，并且实现了动画，这一次着重介绍怎么实现交互式用户界面，以及怎么让模型按照我们的想法运动。Babylon.js GUI库是可以用来生成交互式用户界面的扩展。它建立在DynamicTextur
通过缓冲区对象优化与纹理压缩技术的协同策略，可以显著提升WebGL在大规模数据可视化中的性能表现。关键在于：合理设计数据存储与传输逻辑；根据目标设备选择适配的压缩格式；结合LOD、异步加载等技术实现动态优化。未来，随着WebGPU的普及，更底层的GPU控制能力将进一步释放WebGL的潜力。
大家好，我是辰哥~可视化图表种类如此之多，什么场景下应该用什么图表展示，是一个让人头秃的难题。数据可视化的爱好者Severino Ribecca，他在自己的网站上收录了 60 种可视化图表样式以及它们分别适用于什么样的场景，并且推荐了相应的制作工具。值得一看。点阵图点阵图表 (Dot Matrix Chart) 以点为单位显示离散数据，每种颜色的点表示一个特定类别，并以矩...
基于WebGL、Cesium技术的三维空间可视化
数字孪生技术虽然前景广阔，但在实际应用中仍面临诸多技术挑战。以下是一些常见的技术难点。
写在前面收集数据后，需要对其进行解释和分析，以深入了解数据所蕴含的深意。而这个含义可以是关于模式、趋势或变量之间的关系。数据解释是通过明确定义的方法审查数据的过程，数据解释有助于为数据赋予...
WebGL（Web Graphics Library）是一种JavaScript API，它允许在网页浏览器中直接渲染3D图形。简单来说，WebGL就像是一个在网页上画3D图形的“画笔”，通过它，开发者可以在网页上创建出各种复杂的3D效果，而不需要任何插件。WebGL与大屏渲染的深度融合，为超高清动态数据可视化带来了性能上的重大突破。通过GPU加速、高效的图形处理和实时数据处理，WebGL能够大幅
可视化图表种类如此之多，什么场景下应该用什么图表展示，是一个让人头秃的难题。数据可视化的爱好者Severino Ribecca，他在自己的网站上收录了 60 种可视化图表样式以及它们分别适用于什么样的场景，并且推荐了相应的制作工具。值得一看。点阵图点阵图表 (Dot Matrix Chart) 以点为单位显示离散数据，每种颜色的点表示一个特定类别，并以矩阵形式组合在一起。...
改善了供应商关系，提高了供应商的响应能力，并使组织能够利用供应商的专业知识进行创新和降低成本。总之，采购中的数字化转型使大型制造企业能够节省成本、提高可见性、加强供应商协作、管理风险、标准化流程、集成系统并提高敏捷性。敏捷性和适应性：数字采购系统在响应不断变化的市场动态和业务需求方面提供敏捷性和适应性。改进可见性和分析：数字采购系统供对采购流程的实时可见性，使组织能够跟踪支出、监控供应商绩效并确定
智慧水利水电三维可视化管理平台主要基于数字孪生技术，利用物联网、人工智能、大数据等先进技术，将实际的水利水电系统建设物体与其数字化的虚拟模型结合起来，生成一张三维的数字地图，成为了整个平台的底层技术。它运用数字孪生技术、物联网、人工智能、大数据等先进技术帮助水利水电系统实现数字化、模拟与仿真化，从而实现对水利水电系统全过程的监控和管理。2、梯级电站运行监测：智慧水利水电三维可视化管理平台通过对梯级
我们在web端所理解的可视化大都是线，柱，饼等图表，以及这些基础图表的衍生和组合。在技术层面，常见的技术有SVG，canvas和webgl。canvascanvas基于像素，提供2D和3D绘制函数，通过脚本来绘制图形。canvas在web端常见的使用场景如下：绘制各种图形元素，如多边形和Bezier曲线图片图像处理创建复杂的动画视频处理与渲染在IE浏览器上，从IE9开始兼容canvas
本篇主要是利用 `element-plus` 的 `slider` 组件配合 `pinia` 存储的数据列表做双向绑定，完成图层透明度控制功能。利用 `tree` 组件的 `setChecked` 方法，完成已选图层与图层树的删除联动效果。根据功能拓展的需求，将原有图层管理操作逻辑进行修改完善以适应新功能的接入。重点在于根据业务的需求逻辑，封装cesium提供的原始api方法，形成维度更高的项目级
来源：网络可视化图表种类如此之多，什么场景下应该用什么图表展示，是一个让人头秃的难题。数据可视化的爱好者Severino Ribecca，他在自己的网站上收录了 60 种可视化图表样式以及它们分别适用于什么样的场景，并且推荐了相应的制作工具。值得一看。点阵图点阵图表 (Dot Matrix Chart) 以点为单位显示离散数据，每种颜色的点表示一个特定类别，并以矩阵形式组...
webglthreejs 课程Three.js/WebGL系统课程3D可视化(郭隆邦老师)
webgl
——webgl
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
曙光工业编程平台sugonri
深开鸿 技术专区
2048 AI社区
昇腾开源生态专区
游戏开发技术专区
DAMO开发者矩阵
魔乐社区
永洪数据分析社区
