webgl

7、webgl 基本概念 + 前置数学知识点（向量 + 矩阵）向量：既有大小又有方向的量，也称为矢量。标量：只有大小没有方向的量向量的表示方法注意：向量不可以与标量相加减，但是可以与标量相乘除

6、webgl 基本概念 + 四边形纹理顶点坐标 -》图形装配 -》光栅化 -》执行片元着色器图形装配过程：这一步的任务是，将孤立的顶点坐标装配成几何图形，几何图形的类别由 gl.drawArrays() 函数的第一个参数决定。光栅化过程：这一步的任务是，将装配好的几何图形转换为片元。

爱看书的小沐

【小沐杂货铺】基于Three.js绘制三维管道Pipe（WebGL、vue、react）代码编号： A14_1_ThreeJS_Pipe_js代码编号： A14_1_ThreeJS_Pipe_js

webgl 变换矩阵：旋转、平移、缩放对于简单的变换可以使用数学表达式来实现，但是当情形逐渐变得复杂时，利用表达式运算就会变得相当繁琐。好在我们可以使用另一个数学工具 -------- 变换矩阵。变换矩阵在三维计算机图形学运用的非常广泛，以至于着色器本身就实现了矩阵和矢量相乘的功能。

Unity-WebGL开发——用IIS（Internet Information Services）部署webGL工程unity开发的webgl项目只能在发布时打开，直接双击发布文件会报如下错误（Failed to download file Build/WebExe.framework.js.unityweb. Loading web pages via a file:// URL without a web server is not supported by this browser. Please use a local development web server to host Unity content,

热力图可视化为何被广泛应用？| 图扑数字孪生数据驱动决策时代，热力图以色彩梯度直观转化零散数据，用深浅勾勒规律、凸显焦点，打破专业壁垒，为精准分析与科学决策提供视觉指引，是挖掘数据价值、解读复杂数据的核心工具。

Cesium 顶点着色器的数据来源书接上文，上文我们重点介绍了片元着色器的数据来源，这次我们来详细解析一下在 Cesium 中编写自定义着色器（特别是顶点着色器）时，可以使用的数据来源。

WebGL/Canvas 内存泄露分析在构建高性能、长周期运行的 WebGL/Canvas 应用（如 3D 编辑器、数据可视化平台）时，内存管理是一个至关重要且极具挑战性的课题。

爱看书的小沐

【小沐杂货铺】基于Three.js渲染三维风力发电机（WebGL、vue、react、WindTurbine）https://threejs.org/Three.js 是一个基于 WebGL 的开源 JavaScript 库，用于在浏览器中创建和展示 3D 图形。它由 Ricardo Cabello（也称为 Mr.doob）于 2010 年创建，旨在简化 WebGL 的复杂性，使开发者能够轻松创建 3D 场景和交互式内容。

郝学胜-神的一滴

Three.js光照技术详解：为3D场景注入灵魂在3D图形开发中，光照是赋予场景真实感和视觉吸引力的核心技术之一。Three.js作为一款流行的JavaScript 3D图形库，提供了丰富的光照类型和灵活的配置选项，能够帮助开发者轻松实现复杂的光影效果。本文将深入探讨Three.js中的光照技术，包括基础光照类型、进阶技巧以及实际应用案例。

让低端机也能飞：Canvas/WebGL/Viz 分层、降级渲染与数据抽样策略低端设备通常指那些内存低于2GB、CPU主频低于1.5GHz、GPU性能羸弱的设备，比如老款安卓手机或低配平板。这些设备的特点是：

打造高性能二维图纸渲染引擎系列（一）：Batched Geometry 助你轻松渲染百万实体最近开源了高性能在线 DWG/DXF 查看器 CAD-Viewer (Gitlab or Github) 后，许多人问我如何在浏览器中实现高性能的渲染上百万个实体的。一个典型的 DWG/DXF 文件可能包含几十万甚至上百万的 Geometry，如线段、圆弧、填充图案、符号、标注等，每一个在 WebGL 中都可能映射为单独的几何体。如果为每个 Geometry 都创建一次绘制调用 (draw call)，渲染器将在达到交互帧率之前就被压垮。

打造高性能二维图纸渲染引擎系列（三）：高性能 CAD 文本渲染背后的隐藏工程当我们第一次在浏览器中打开一个复杂的 DWG/DXF 图纸时，文本渲染往往成为性能瓶颈。与线条、弧线、几何图形那样可以批量渲染的对象不同，文本需要加载字体、解析字形、构建网格、管理布局——这些操作在 CPU 和内存上都代价不菲。

打造高性能二维图纸渲染引擎系列（二）：创建结构化和可扩展的渲染场景在我上一篇文章【高性能 Web CAD Viewer：Batched Geometry 助你轻松渲染百万实体】中，我分享了 CAD-Viewer (Gitlab or Github) 如何通过将 CAD 图纸中的 Entity 进行 Geometry 合并在浏览器中实现快速渲染。这篇文章主要关注“如何高效绘制”，减少 Draw Call 用并利用 GPU 友好的数据布局。

使用Asp.Net WebApi(.net 8)托管Unity WebGLUnity项目使用WebGL打包到 WebApi的wwwroot目录下确保进行了这两处配置,这是因为wwwroot.data很大,默认请求会被拒绝

第 7 篇：交互的乐趣 - 响应用户输入我们已经点亮了世界，创造了一个有体积感的旋转立方体。它很漂亮，但它是一个“独裁者”——它只按照我们预设的 cubeRotation += deltaTime 指令来行动。用户，作为这个世界名义上的“主人”，却没有任何发言权。

猪哥帅过吴彦祖

第 8 篇：更广阔的世界 - 加载 3D 模型在前面的教程中,我们学会了如何手动定义顶点数据来创建简单的几何体,比如三角形和立方体。但是,如果我们想要渲染更复杂的模型——比如一个人物角色、一辆汽车或者一个精细的建筑——手动编写成千上万个顶点数据显然是不现实的。

智慧钢厂高炉冶炼仿真分析 | 图扑数字孪生钢铁冶炼中，高炉炼铁因机理复杂呈“黑箱”特性，传统方法难以精准感知炉内状态。而高炉领域的核心技术——计算机辅助工程（CAE）仿真技术体系，虽能通过有限元分析（FEA）解析炉体结构应力、侵蚀规律，借助计算流体动力学（CFD）还原炉内气流、温度场流动特性，深度解析炉内物理场与反应机理，却因分析结果抽象、难落地、国外技术壁垒等影响，使其价值难以充分释放。

猪哥帅过吴彦祖

第 7 篇：交互的乐趣 - 响应用户输入我们已经点亮了世界，创造了一个有体积感的旋转立方体。它很漂亮，但它是一个“独裁者”——它只按照我们预设的 cubeRotation += deltaTime 指令来行动。用户，作为这个世界名义上的“主人”，却没有任何发言权。

如何使用WebGL创建伪3D图像效果Demo: tympanus.net/Tutorials/F…code: github.com/akella/fake…