正式开启 Three.js Shader 教程，在本篇文章里带大家看看几何体上的顶点属性，介绍下 GLSL 基础、顶点着色器、片元着色器等内容。

矩阵在图形学中非常重要，是必须要掌握的。将一些元素排列成若干行，每行放上相同数量的元素，就是一个矩阵。数学中矩阵长下面这样。 上图中是一个 m 行和 n 列（m * n）排列成的矩形阵列，在图形学中用

前言 学习目标 创建T恤图案编辑器 知识点 TransformControler 的应用 canvas 全局合成 canvas 图层控制 DOM和图形组件的数据传递 1-搭建前端静态 1-1-页面结构

当你开始思考你应该如何学习WebGL和Three.js的时候，相信你至少对相关的关键词了解过了，希望通过WebGL或Three.js实现你想要的Web3D功能，如何实现你想要的功能，请继续阅读此文

看完小白也能几分钟上手的webgl。大部分公司的都会有可视化的需求，但是用echarts，antv等图表库，虽然能快速产出，但如果知道webgl的原理，你会对canvas和svg有新的认知。

我在前端干工地，最后成果如下图。 从图中可以看到，整个画面由以下构成 地面 房子 天空 下面就能一步步的构建这个场景。 一、 准备工作 我这里的环境是vue3 + vite，基本环境准备好后就要安装t

源码：https://github.com/buglas/webgl-lesson 前言 我当前的WebGl案例因为各种原因，没有使用任何前端框架，直接干写的。 这也就导致了着色器写起来没有提示。 前