webGL - 爱码网

webgl 系列 —— 着色器语言

其他章节请看： webgl 系列着色器语言本篇开始学习着色器语言 —— GLSL全称是 Graphics Library Shader Language （图形库着色器语言） GLSL 是一门独立的语言，和其他语言一样有自己的变量、运算符、函数、循环(for)、控制语句（if）、函数、数组等等 »

webgl 系列 —— 着色器语言

其他章节请看： webgl 系列着色器语言本篇开始学习着色器语言 —— GLSL全称是 Graphics Library Shader Language （图形库着色器语言） GLSL 是一门独立的语言，和其他语言一样有自己的变量、运算符、函数、循环(for)、控制语句（if）、函数、数组等等 »

webgl 系列 —— 绘制猫

其他章节请看： webgl 系列绘制猫上文我们了解了如何绘制渐变彩色三角形，明白了图形装配、光栅化，以及片元着色器计算片元的颜色。现在如果让你绘制如下一只猫。难道绘制很多三角形，然后指定它们的颜色？那样简直太难、太繁琐了。这时可以使用三维图形学中的纹理映射技术来解决这个问题。纹理映射简 »

webgl 系列 —— 绘制猫

其他章节请看： webgl 系列绘制猫上文我们了解了如何绘制渐变彩色三角形，明白了图形装配、光栅化，以及片元着色器计算片元的颜色。现在如果让你绘制如下一只猫。难道绘制很多三角形，然后指定它们的颜色？那样简直太难、太繁琐了。这时可以使用三维图形学中的纹理映射技术来解决这个问题。纹理映射简 »

webgl 系列 —— 渐变三角形

其他章节请看： webgl 系列渐变三角形本文通过一个渐变三角形的示例逐步分析：varying变量、合并缓冲区、图形装配、光栅化、varying 内插绘制三个点v1 需求：绘制三个相同颜色的点，效果如下：通过三角形的学习，这个需求非常容易实现。代码如下： const VSHADER_SO »

? 和我一起学【Three.js】「初级篇」：0. 总论

「和我一起学 XXX」是我 2023 年的一个新企划，目的是向读者（也包括未来的自己）介绍我正在学习的某项新技术。文章会通过长期反复迭代的方式保持其内容的新鲜度。文章有较大内容更新时，会在文章开头进行更新时间说明（由于时间精力有限，更新的内容只能保障少数几个平台的同步，请见谅）。 1. 什么是 T »

如何使用webgl(three.js)实现3D消防、3D建筑消防大楼、消防数字孪生、消防可视化解决方案——第十八课（一）

three.js、webgl、3D消防、智慧消防、三维消防、使用three.js(webgl)搭建智慧楼宇消防、3D园区、3D厂房、3D仓库、设备检测、数字孪生、物联网3D、物业3D监控、物业基础设施可视化运维、3d建筑,3d消防,消防演习模拟,3d库房,webGL,threejs,3d机房,bim »

webgl 系列 —— 变换矩阵和动画

其他章节请看： webgl 系列变换矩阵和动画动画就是不停地将某个东西变换（transform）。例如将三角形不停地旋转就是一个动画和 CSS transform 类似，变换有三种形式：平移、缩放和旋转。简单的变换用普通表达式容易实现，如果事情复杂，比如旋转后平移，这时就可以使用变换矩阵。 »

webgl 系列 —— 三角形

三角形有人说三维模型的基本单元是三角形。比如复杂的游戏角色，也只是用许多三角形画出来的。不管上述说法是否属实，本篇先把三角形画出来。如何绘制一个三角形鼠标点击绘点示例我们写了这样的代码： points.forEach(item =&gt; { gl.vertexAttrib3f(a_ »

webgl 系列 —— 初识 WebGL

初识 WebGL 什么是 WebGL webgl 在支持 canvas 的浏览器中进行 2d 或 3d 渲染。 webgl 程序除了有 Html、javascript，还需要加入着色器语言（GLSL ES）。 WebGL 使得网页在支持 HTML &lt;canvas&gt; 标签的浏览器中，不需要 »

CesiumJS PrimitiveAPI 高级着色入门 - 从参数化几何与 Fabric 材质到着色器 - 下篇

书接上文 https://www.cnblogs.com/onsummer/p/cesium-primitive-api-tutorial.html 3. 使用 GLSL 着色器明确一个定义，在 Primitive API 中应用着色器，实际上是给 Appearance 的 vertexShade ... »

CesiumJS PrimitiveAPI 高级着色入门 - 从参数化几何与 Fabric 材质到着色器 - 上篇

一步一步教你用 CesiumJS Primitive API - 从参数化几何到 Fabric 材质再及着色器 Primitive API 还包括 Appearance API、Geometry API 两个主要部分，是 CesiumJS 挡在原生 WebGL 接口之前的最底层图形封装接口（公开的） ... »