主要参考 约定式提交 和 Contributing to Angular 概述 约定式提交规范是一种基于提交信息的轻量级约定。 它提供了一组简单规则来创建清晰的提交历史； 这更有利于编写自动化工具。 通过在提交信息中描述功能、修复和破坏性变更， 使这种惯例与 SemVer 相互对应。 提交说明的结构如下所示： 原文： <type>[op…

需要安装 ffmpeg 首先使用 Windows PowerShell 输入 bash 指令 foreach ($i in Get-ChildItem .\*.mp4) {echo "file '$i'" >> mylist.txt} 由于使用 Windows PowerShell 生成的文件默认为 UTF-16，我们需要使用 VSCo…

渲染管线与模型基础 渲染管线 蓝色背景的：可编程管线 顶点着色器：将顶点坐标从模型空间转换到齐次裁剪空间，我们可以通过在顶点着色器中改变顶点位置实现动画 片元着色器：将光栅化阶段所插值的模型信息进行计算，可以进行一些光照计算 模型的实现原理 点连成线，线构成面，最后组合成多边形模型 UV 在建模过程中，有一部非常重要的操作，就是展 UV，那么 UV…

标准立方体到屏幕 什么是屏幕？ 二维数组 每个元素是一个像素 一种经典的光栅成像设备 Raster在德语中的意思就是表示屏幕 光栅化：在屏幕上绘画 像素： 在屏幕上最小单位的小方块 由红绿蓝三原色混合而成 屏幕空间 像素都是以 (x,y) 的形式表示，其中 x, y 都是整数 像素的范围从 (0, 0) 到 (宽度 - 1, 长度 - 1) 像素的…

本文章基于 BV1Qb4y1S7CC 记录 色彩发送 色彩认知 光源是出生点，光源发射出光线，光线通过直射反射折射等路径最终进入人眼； 人眼接收光线后，人眼细胞产生一系列化学反应； 由此把信号传入大脑，最终大脑对颜色产生认知； 光的要素 图中少了折射 光源 定义： 光源就是产生光的物体。若没有光，我们就无法在黑暗中看到色彩，光本质是一种处于特定频段…

纹理三问 纹理是什么 宏观角度：一张图片（不准确） 微观角度：一种可供着色器读写的结构化存储形式 简而言之，纹理是个容器。 以二维纹理为例，二维纹理以宽高以及想要存储的信息（RGBA 等）构造的一个三维数组 [i,j,k]，其中 $i$ 和 $j$ 类比数组或者矩阵，代表像素点，$k$ 代表我们想要存储的 RGBA 或者其他信息。 由二维纹理可推得…

前言 电脑的工作原理：电脑是由各种不同的硬件组成，由驱动软件驱使硬件进行工作。所有的软件工程师都会直接或者间接的使用到驱动 定义：是一个图形库，用于渲染 2D，3D 矢量图形的跨语言，跨平台的应用程序编程接口（API）。针对 GPU。 基础概念 应用端 即我们自己的程序端，相对用 OpenGL ES，我们属于应用端 什么是应用端？应用端就是我们程序…

3D 变换 平移 $$ T(t_x,t_y,t_z)=\begin{pmatrix} 1 & 0&0 &t_x \\ 0 & 1 & 0 & t_y\\ 0 &0 &1 &t_z \\ 0 &0 &0 &a…

事件 JavaScript 的代码一般通过事件触发。 可以通过 addEventListener 函数为元素绑定事件的触发函数。 常见的触发函数有： 鼠标 click：鼠标左键点击 dblclick：鼠标左键双击 contextmenu：鼠标右键点击 mousedown：鼠标按下，包括左键、滚轮、右键 event.button：0表示左键，1表示中…