webgl

TS2d渲染引擎基于 TypeScript 的轻量级 2D渲染引擎✅ 所有代码为纯逻辑层封装，适用于 WebWorker 或与任意 UI 框架集成

WebGL2D渲染引擎基于模块化设计 + gl-matrix + WebGL2 的高性能 2D 图形渲染系统支持：点、线段、矩形、圆形、多边形、圆弧绘制，支持缩放、平移、自由绘图交互

如何实现精准操控？Cesium模型移动旋转控件实现最近在项目中遇到一个需求：需要在Cesium中动态编辑模型的位置。熟悉三维开发的朋友应该知道，Three.js提供了十分便捷的控件来操作模型（TransformControls），但是Cesium在这方面有所欠缺：虽然通过参数设置也能实现功能，但对用户来说操作不够直观。

Three.js 模型树结构与节点查询学习笔记这些技能在游戏开发、3D编辑器、数据可视化等场景中都非常有用！

WebGPU vs WebGL：WebGPU什么时候能完全替代WebGL？Web 图形渲染的迭代与未来在 Web 3D、可视化、Web 游戏等领域，WebGL 早已是 “老朋友”，而 WebGPU 的崛起正掀起一场性能与功能的革命。作为 WebGL 的继任者，WebGPU 并非简单升级，而是重构了 Web 端 GPU 交互的底层逻辑。今天我们从核心区别、新特性、生态支持等维度，一次性讲清两者的关键差异。

mapvthree Engine 设计分析——二三维一体化的架构设计mapvthree Engine 作为二三维一体化渲染引擎的核心，其设计理念既不同于传统地图引擎，也不同于纯粹的 3D 渲染引擎。本文将从架构设计的角度，深入分析 Engine 如何巧妙地融合两种设计范式，创造出独特的二三维一体化架构。

3D Cesium渲染架剖析CesiumJS作为一款开源的3D地理信息可视化引擎，凭借其对大规模3D数据的高效处理能力和跨平台特性，成为Web端地理空间可视化的标杆工具。其渲染核心架构经过多年迭代，形成了一套兼顾性能与扩展性的完整体系。本文将从底层渲染抽象、场景管理、数据处理、渲染流程、后处理管线及性能优化六个维度，深度解析Cesium的3D渲染核心架构。

用 Chrome DevTools 深度分析 Vue WebGL 内存泄漏（进阶篇）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、Harmony OS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。

3DThreeJS渲染核心架构深度解析以下是根据需求生成的所有mermaid图解，涵盖类关系、渲染流程、内存管理、线程模型及性能关键路径：以上图解完整覆盖了Three.js核心架构、渲染流程、内存管理、线程模型及三大性能优化机制的关键路径，结合了r148+版本特性（如VAO支持、InstancedMesh优化等），可直接嵌入Markdown技术文档中使用。

ThreePointsHeat

Unity 关于打包WebGL + jslib录制RenderTexture画面Unity WebGL应用 → RenderTexture → 纹理数据 → JavaScript → 视频编码 → 视频文件

Three.js核心技术解析：3D开发指南Three.js 是一个轻量级、跨浏览器的 JavaScript 3D 库，旨在简化 WebGL 编程的复杂性。它抽象了底层图形 API 的细节，提供了直观的编程接口，使开发者能够轻松创建和展示 3D 内容在网页上。本技术说明书针对 r148+ 版本，深入分析其架构设计、核心模块、性能优化及扩展机制。

免费的WebGL性能优化，纹理压缩与实例化免费提升WebGL性能：纹理压缩与实例化实战指南在WebGL开发中，性能优化是一个永恒的话题。今天我将分享两种非常实用且完全免费的WebGL性能优化技术——纹理压缩与实例化渲染。这两种技术都能显著提升WebGL应用的性能，而且不需要任何额外的预算投入。

第38节：WebGL 2.0与Three.js新特性WebGL 2.0是现代浏览器中3D图形技术的重大飞跃，引入了计算着色器、变换反馈、多重渲染目标等高级特性。本节将深入探索WebGL 2.0的核心功能，以及Three.js如何集成这些新特性来提升渲染性能和质量。

9、webgl 基本概念 + 复合变换 + 平面内容复习先平移 —》得到平移后的坐标（通过矩阵乘积）再旋转 —》旋转矩阵 * 平移后的坐标左边矩阵的列数要是右边矩阵的行数才可以相乘

10、webgl 基本概念 + 坐标系统 + 立方体也常被称为局部空间或物体空间，是指一个三维模型在其自身坐标系下定义的顶点位置。关键特性：独立性：模型坐标完全不知道它将来会被放在场景的哪个位置，也不知道它会有多大，会如何旋转。

Cesium教程（9）---编辑Entity图形控制点、拖拽Entity移动、删除Entity本学习系列将以Cesium + Vue3 +Typescript+elementplus作为主要技术栈展开，后续会循序渐进，持续探索Cesium的高级功能，相关源码全部免费公开。详情请查看原文Cesium教程9--编辑Entity图形控制点、拖拽Entity移动、删除Entity

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

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

爱看书的小沐

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

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