webgl

three.js+WebGL踩坑经验合集(1):THREE.Line无故消失的元凶在项目开发过程中，笔者两次遇到同事的一个提问，我场景中的Line在相机旋转到某些角度或者移动到某些位置的时候会无故消失。由于业务场景复杂，所以这两位同事都是先花费了大量时间排查业务问题，然后才找我求助。这个问题抽象出来的一个测试单元代码如下所示：

（十四）WebGL纹理坐标初识纹理坐标是 WebGL 中将 2D 图像（纹理）应用到 3D 物体表面的重要概念。在 WebGL 中，纹理坐标通常使用一个二维坐标系，称为 uv 坐标，它们决定了纹理图像如何映射到几何体上。理解纹理坐标的核心就是明白它们如何将二维纹理贴图应用到三维物体的表面。

浩哥的技术博客

Threejs的学习-入门突然想学学webGL，所以做个记录。Threejs，一个基于WebGL 的 JavaScript 3D库，封装了WebGL，提供了一系列简单的API便于处理WebGL。

正泰电工×图扑软件：变电站数字孪生巡检平台随着电力行业的快速发展与智能化转型，传统的人工巡检方式难以匹配现代电网对于效率、安全和精细化管理的高标准要求。在此背景下，构建智慧变电站巡检系统已成为推动变电站智能化进程、实现高效运营和保障电网可靠性的重要战略。

Unity WebGL：本机部署，运行到手机简单介绍一下Unity WebGL的技术方案，在WebGL平台出包后，Unity的运行时C/C++代码是通过Emscripten编译成了WebAssembly/Wasm；游戏逻辑部分的C#代码是先通过il2cpp转成C++再编译转成的Wasm，Unity程序就就可以在支持WebAssembly的浏览器中运行了。图形部分使用WebGL做适配，目前Unity 2022默认出包WebGL 2.0版本，API对应OpenGL ES 3.0，功能基本可以匹配。

Unity Webgl + WebAPI 之 SqlSugar根据Mysql表反向生成实体类Mysql中已经创建好表了，需要创建实体类对应表信息一个表是一个类表的字段是类的属性现在有两种方法创建实体类：

Threejs 自定义片元着色器做UV动画

WebGL - 初相识 - 缓冲区书接上回，在之前的篇章中我们一起探讨了 WegGL 的着色器以及着色器中的变量使用，那么在我们绘制复杂图形的时候，通过循环数据的形式动态修改着色器变量的点位信息，是不是不太友好，而且数据量过多和复杂的情况下是不是会出现嵌套循环和多个循环体的情况？那么有什么办法解决这个问题呢？对这就是今天要探讨的内容缓冲区！

Three.js 基础概念：构建3D世界的核心要素在数字化时代的浪潮中，Three.js 作为一款强大的 JavaScript 库，使得开发者能够轻松地将逼真的三维图形带入网页。对于初学者来说，理解 Three.js 的核心概念是掌握这个库的关键第一步。本文将深入探讨这些基础概念，帮助你为创建自己的3D项目打下坚实的基础。

（二）WebGL的渲染管线初识WebGL的渲染管线可以被看作是将一组数据（例如模型、纹理、颜色等）经过一系列处理阶段，最终生成图像并显示在屏幕上的过程。为了帮助你理解这一过程，我将通过一个通俗易懂的移动例子来一步步详细讲解WebGL 的渲染管线及其关键绘制原理。

（三）通过WebGL绘制一个简单的三角形来理解渲染管线理解 WebGL 绘图原理的关键是了解它的渲染管线。WebGL 渲染管线实际上是由多个阶段组成的，每个阶段都有特定的任务，最终输出的是屏幕上的图像。为了让你能轻松理解这些原理，我将通过一个简单的例子来详细解释。

（一）使用 WebGL 绘制一个简单的点和原理解析使用 WebGL 绘制一个简单的点，我们需要通过 WebGL 的管线来进行一系列的步骤。以下是实现的详细步骤和原理解析：

程序员_三木

使用 Three.js 创建动态粒子效果今天，带大家使用粒子实现一个粒子飞毯的效果，我们先来看一下效果。首先创建一个场景，所有 3D 对象都会被添加到这个场景中。

2025-01-06 Unity 使用 Tip2 —— Windows、Android、WebGL 打包记录最近尝试将写的小游戏打包，主要平台包括 Windows、Android 和 WebGL，以下是一些打包过程记录。

放逐者-保持本心，方可放逐

js 之图片流式转换及图片处理+createObjectURL+canvas+webgl+buffer在JavaScript中，要对后端返回的图片或文件进行流式转化显示，可以通过 XMLHttpRequest （或者更现代的 fetch API）获取数据，然后使用 Blob 对象和 URL.createObjectURL 来创建一个可用于显示的URL。以下是分别使用 fetch 和 XMLHttpRequest 的示例：

程序员_三木

用 vue3 实现新年快乐提前祝福大家新年快乐，今天用一个新年快乐的教程来结束这一年。看下效果在这个案例中，我们使用了 vue3 ，有一个浮动的新年快乐的字体，然后有一堆从下到上的小粒子，在文字背后有一个模拟烟花绽放的效果。

46. Three.js案例-创建颜色不断变化的立方体模型THREE.WebGLRenderer是Three.js提供的用于渲染场景的WebGL渲染器。它支持抗锯齿处理，可以设置渲染器的大小和背景颜色。

不会掉头发的程序猿

安卓平台或者WEBGL平台编辑器内加载AB包紫色真机正常-force-gles30

supermapsupport

SuperMap iClient3D for Cesium等高线标注kele在三维地形分析中，等高线分析是一种非常重要的分析方法，它能直观的表达出地形的高低起伏特征，在三维系统中受到广泛应用。在SuperMap iClient3D for Cesium中，等高线分析是前端GPU分析，能够分析并渲染出等高线，但是无法获取高程标注，这对三维项目来说缺少一个重要的地形高度指标。那么如何实现等高线的高程数值展示呢？我们一起来看下吧

程序员_三木

在 Vue3 项目中安装和配置 Three.jsThree.js 是一个轻量级的 WebGL 封装库，用于在浏览器中渲染复杂的 3D 图形。它提供了便捷的 API，可以快速构建 3D 场景、对象和动画。