认识矩阵及其应用1. 什么是矩阵1.1 一些特殊的矩阵1.1.1 单位矩阵2. 矩阵的运算2.1 矩阵加法1. 什么是矩阵线性代数中把矩阵定义为：由m×n 个元素按m 行，n 列的方式排列，就构成矩阵，用下面的方式表示一个矩阵的行数与列数都等于n，称为n阶矩阵或n维矩阵1.1 一些特殊的矩阵1.1.1 单位矩阵一个矩阵的对角线上(从左上角到右下角的对角线）的元素均为1，其余的元素都是0的矩阵称为单

视图变换与投影变换1 视图变换1.1 相机介绍1.2 视图变换矩阵2 投影变换2.1 正交投影2.2 透视投影1 视图变换视图变换说的通俗易懂一点就像拍照的时候摆相机，那么就要用拍照来类比一下把三维空间中的物体投影到二维平面上展示，拍照通常需要三步，人物摆pose、调整相机、按下快门拍照。把三维物体投影到二维平移则需要经过模型变换(model)、视图变换(view)、投影变换(projection

纹理可以理解为GPU上的一块内存，内存上有一块区域可以做点查询也可以做范围查询，并且很快，可以认为纹理是一块数据，可以做不同类型的查询，不限于把它理解成图像，纹理可以表示很多东西，比如环境光照（环境光映射/环境贴图）

光栅化1 什么是光栅化（Rasterization）2 单个三角形光栅化3 采样（sampling）1 什么是光栅化（Rasterization）屏幕空间如上图，将电脑屏幕理解为一个二维坐标，屏幕上左下角为坐标原点，水平向右为x轴方向，垂直向上为y轴方向像素(Pixel)在屏幕上排列的最小单位，上图中每一个方块理解为一个像素，假设屏幕大小为w×h，那么在屏幕中一共有w×h个像素，这些像素像二维数组

在JavaScript程序通过uniform变量向片元着色器传值1.demo效果2. 片元着色器的内置变量gl_FragCoord3. demo代码1.demo效果如上图，这个demo实现一个紫色渐变效果的三角形，通过使用内置变量FragCoord模拟内插过程实现的2. 片元着色器的内置变量gl_FragCoord类型和变量描述vec4 gl_FragCoord该内置变量的第一参数表示片元在can

向量加减法，向量的点积（乘），向量的叉积（乘）向量 是用来表示既有大小又有方向的量，不过向量在空间中没有具体的位置，通常用一个加粗的小写字母来表示一个向量，或者不加粗顶上带有小箭头的小写字母来表示由 A 点指向 B 点的一个有向线段，称为向量 aa = B -A 用有向线段的结束点B减去起始点A就得到这个向量 a|a| 表示向量a的长度â 表示

MeshPhongMaterial材质介绍和使用1.MeshPhongMaterial材质介绍2.demo说明3.demo代码1.MeshPhongMaterial材质介绍MeshPhongMaterial材质可以创建一种光亮的材质，可以使用的属性和MeshLambertMaterial材质基本一样，可以配置的其他属性有color、opacity、shading、blending、depthTes

材质分类及MeshBasicMaterial材质使用一、材质的分类1.1网格基础材质-MeshBasicMaterial1.2网格深度材质-MeshDepthMaterial1.3网格法向材质-MeshNormalMaterial1.4网格面材质-MeshFaceMaterial1.5网格朗伯材质-MeshLamberMaterial1.6网格Phong材质-MeshPhongMaterial1.

js数组api查找数组的方法find()与findIndex()的区别与用法详解findIndex()与indexOf()的区别与用法详解，findIndex比indexOf更强大一些，可以通过回调函数查找对象数组1.find()方法arr.find(callback)2. findIndex()方法： arr.findIndex(callback)3. indexOf()方法arr.indexO

npm install vue-color<template><section><label>ddd</label><div @click="handleShowColor"><el-input disabled :value="color"></el-input></div><div v-sho