摘要:
## 前情提要 - 模型变换 - 视图变换 - 投影变换(正交投影、透视投影) - 物体会缩放到$[-1,1]^3$的立方体内 **接下来,我们需要把物体放画到屏幕上,即光栅化** ## 屏幕 - 有一组像素 - 像素的多少(分辨率) - 一种光栅成像设备 Raster在德语中就表示屏幕 所以光栅化 阅读全文
posted @ 2023-07-01 13:04
oOLzYOo
阅读(198)
评论(0)
推荐(0)
摘要:
## WHY - 我们通过摄像机对拍摄的画面进行缩放、旋转、偏移,来将三维模型映射到二维的屏幕画面上 ## 二维线性变换 $$ x^,=a~x+b~y\\y^,=c~x+d~y\\\begin{bmatrix}x^,\\y^, \\ \end{bmatrix} =\begin{bmatrix} a& 阅读全文
posted @ 2023-07-01 13:03
oOLzYOo
阅读(53)
评论(0)
推荐(0)
摘要:
[TOC] ## 一、向量 $$ \vec{AB} = B − A $$ - 向量AB=点B-点A $$ \hat{a}=\frac{\vec{a}}{||\vec{a}||} $$ - 向量的单位向量(归一化) $$ A=\begin{pmatrix} x \\ y \\ \end{pmatrix 阅读全文
posted @ 2023-07-01 13:02
oOLzYOo
阅读(119)
评论(0)
推荐(0)
摘要:
## 1、可选链运算符?. 可选链运算符,对null和undefined及时停止运算,解放es5的繁琐逻辑判断 ```typescript // ts const val = a?.b //es5 var val = a null || a.b ``` 支持的语法如下: ```typescript 阅读全文
posted @ 2023-07-01 12:59
oOLzYOo
阅读(31)
评论(0)
推荐(0)
摘要:
## Promise 所谓`Promise`,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。 - promise对象的状 阅读全文
posted @ 2023-07-01 12:59
oOLzYOo
阅读(86)
评论(0)
推荐(0)
摘要:
## 函数的三种调用方式 - ## 全局函数 ```typescript //全局函数 this指向window 因为fn全局函数是window的一个属性 function fn() { console.log(this);//window } // window.fn(); fn(); ``` - 阅读全文
posted @ 2023-07-01 12:54
oOLzYOo
阅读(47)
评论(0)
推荐(0)
摘要:
准备工作:开启ts的装饰器特性,需要在tsconfig.json中开启experimentalDecorators。 ```typescript { "compilerOptions": { "target": "ES5", "experimentalDecorators": true } } `` 阅读全文
posted @ 2023-07-01 12:52
oOLzYOo
阅读(241)
评论(0)
推荐(0)