webgl

用户8313485930698

Vue3+Cesium实现阴天乌云+下雨天气特效前言：在使用 Cesium 做三维可视化开发时，经常需要给场景增加天气氛围。但 Cesium 本身并没有内置阴天、降雨这类天气效果，想要实现就需要使用后处理 PostProcessStage，对已经渲染完成的画面，再跑一遍自定义片元着色器做二次处理。

Babylon.js 8.x 中文文档整理——Node篇 (上)前言由于 Node 涵盖了整个 Babylon.js 的节点体系，既包含场景树与空间变换，也包含各种网格对象及其几何结构，因此将 Node 系列共分为两篇：

想做后端的前端

WebGL实现FPS游戏Claude of Duty 是一个运行在浏览器中的第一人称射击游戏原型，技术栈以 Vite、Three.js r180、WebGL2、原生 ES Modules 为主。它不是传统意义上的“网页小游戏”，而是一个把现代 FPS 游戏常见模块迁移到浏览器环境中的实验性工程。项目没有外部模型、图片贴图、HDRI 或音频文件，绝大多数可见和可听内容都在运行时由代码程序化生成，包括世界几何、PBR 材质、角色、武器、粒子、贴花、环境光照和音效。

延时 5 秒怎么调优：光伏 SCADA 实时画面与 WebGL 拓扑集成的性能复盘去年 11 月在西北某 100MW 集中式电站项目现场，我守在机房盯着那个刚上线的 3D 拓扑大屏。甲方领导走进来问了一句：‘为什么这台逆变器的交流输出功率，跟旁边那个厂家自带的监控 App 对不上？’我当时手心里全是汗，只能解释说是 API 补传延时。但心里清楚，这背后是多品牌数据归一化和前端渲染架构的陈年旧账。

用户8313485930698

Vue+Three.js实现PCB电路板3D交互：元器件点击高亮、部件显隐、模型自动旋转实现效果：演示动态图效果如下：核心功能原理讲解：1. Raycaster 射线拾取实现元器件点击高亮：

cos-design BubbleField：用 Canvas 做一个「会呼吸」的深海气泡场发布日期：2026-07-28 标签：前端 / React / Canvas / 组件库 / cos-design / 视觉特效 / 物理仿真

用户8313485930698

Cesium 实现行政区内部遮罩前言：在上一篇《Cesium 实现行政区反向遮罩镂空效果》中，我们实现了全局暗色蒙层 + 行政区镂空高亮的效果：外部地图变暗、目标行政区正常显示。本文针对上一篇文章的进阶，实现相关的反向需求：外部地图保持正常清晰显示，仅目标行政区内部叠加暗色遮罩弱化。

点量云实时渲染-小芹

UE/Unity/Webgl模型在信创服务器上实时渲染推流的可行性分析随着国产化的持续进行，数字孪生和虚拟仿真领域也面临着国产化适配的需求。点量晓芹近年来发现很多数字孪生/虚拟仿真相关的项目，在实时云渲染领域也有越来越多的国产信创的需求，而且从最初的只有操作系统要求麒麟、统信等国产操作系统，到现在很多项目直接要求纯国产化设备，即国产CPU+国产显卡+国产操作系统。

用户8313485930698

Cesium 实现行政区反向遮罩镂空效果（自定义暗色蒙层+矢量/影像底图切换）前言Cesium 实现行政区反向遮罩效果，基于 GeoJSON 边界数据，本例中GeoJSON数据为上海市松江区的地理数据。本例效果展示上海松江区范围内地图，地图上超出上海松江区的区域使用半透明暗色画布遮盖；并且本例中的底图支持一键切换矢量瓦片底图与带标注影像底图。

Three.js 做医疗数字孪生：从空场景到可漫游楼层（附最小骨架）很多智慧医院、智慧楼宇项目，招投标阶段并不需要「全系统上线」，而是要一份看得懂、点得动、加载不崩的 3D 演示。

如何用配置驱动一套 Three.js 数字孪生模板在数字孪生和 3D 可视化项目里，经常会遇到一种很熟悉的情况：行业变了、模型变了、页面名称变了，但很多基础功能并没有变。

用户8313485930698

Vue+Threejs实现人物奔跑场景实现效果说明演示动态图效果如下:完整代码1. template 结构：2. script 代码：3. css样式代码:

元气少女小圆丶

unity发布web嵌入到前端页面的接受参数前端加载好 Unity 之后，啥时候想传东西，就调这一行 JS：unityInstance.SendMessage("Bridge", "Receive", "你的数据");

WebGIS开发进阶教程①：WebGL坐标系版权声明：本系列文章为新中地webgis讲师原创，转载请获得授权并注明出处！WebGL 是如何把 3D 世界中的模型（物体）渲染到屏幕上的呢？这其中的最大难点就是`坐标系的变换。

MapLibre GL 实战：一套引擎搞定 2D 平面与 3D 球面适合已经会 Vue / 原生 JS，想在 Web 里做「可交互地图」，并且需要平面底图 + 球面浏览的同学。文中 API 基于 MapLibre GL ^5.x

GPU自动处理专题4-填充覆盖区域(光栅化)你可以先记一句最核心的话：在 WebGL 里，一般流程是：所以光栅化不是最前面，也不是最后面，它的位置非常明确：

WebGL 百万线段高性能 Demo（批量绘制，无循环绘制）关闭抗锯齿antialias:false，百万线段开启 AA 会严重掉帧。只用一次gl.bufferData把全部顶点送入 GPU，绝对不要循环多次上传数据，这是大批量渲染最大性能瓶颈。

GPU自动处理专题2-NDC是什么(透视除法)在 WebGL / OpenGL 体系里，NDC 的范围通常是：这 3 个范围非常重要。如何理解所以，NDC 本质上是一个“和具体分辨率无关的标准坐标空间”。

weixin_43680407

毒蘑菇性能测试增强版 - 毒蘑菇性能测试 - 在线 WebGL GPU 帧率压力测试工具在线毒蘑菇性能测试基于 WebGL 体积着色实时渲染，本地检测 GPU 帧率与稳定性。支持毒蘑菇/余弦场/Julia 场景预设、分辨率调节、成绩导出与自定义 Kernel，适合快速对比不同设备图形性能。

GPU自动处理专题3-NDC怎么映射成屏幕像素坐标(视口变换)先把整个链路串起来一个顶点从 gl_Position 到屏幕，大致是这样：如果写成公式：viewport 可以理解成：