概述 MVP变换的目的是将三维的场景，也就是相机看到的场景，转化到裁剪空间中，为光栅化将场景显示到屏幕上做准备。 MVP分别由Model矩阵，View矩阵，Projection矩阵三个齐次坐标矩阵构成。计算出MVP矩阵后并按顺序相乘，再将每个坐标依次乘MVP坐标，就能得到该坐标在裁剪空间中的坐标。 [latex]MVP=Projection\times View\times Model[/late…
视锥 定义 宽度：[latex]width[/latex]高度：[latex]height[/latex] 近平面：[latex]zNear[/latex]远平面：[latex]zFar[/latex]垂直可视角：长方形上下中点与相机连线的角度，[latex]fovY[/latex](Vertical Field of View)宽高比：[latex]aspect[/latex] 视锥体转换到视景…
视图变换 相机 相机的位置[latex]\overrightarrow{e}[/latex] 相机的视线[latex]\widehat{g}[/latex] 相机向上方向[latex]\widehat{t}[/latex] 视图变换 将所有物品和相机进行移动，使得相机移动到标准位：相机处于原点，向-Z方向看，向上方向为Y 先将 [latex]\overrightarrow{e}[/latex] 平…
二维变换 线性变换 缩放 [latex]\begin{bmatrix}x^{\prime} \\y^{\prime}\end{bmatrix}=\begin{bmatrix}s_x & 0 \\0 & s_y\end{bmatrix}\begin{bmatrix}x \\y\end{bmatrix}[/latex] 翻转 [latex]\begin{bmatrix}x^{\prim…
向量 向量长度：[latex]\left | \overrightarrow{a} \right |[/latex] 单位向量：[latex]\widehat{a}= \frac{\overrightarrow{a}}{\left | \overrightarrow{a} \right | }[/latex] [latex]A=\begin{bmatrix}x\\y\end{bmatrix}[/l…
-1、1 切换 f=-f; 0、1 切换 f=-f+1; 通用 a、b 切换 f=a+b-f;
简介 本文主要介绍如何在Browser js，即浏览器环境下，使用 HTML 连接MQTT服务器。 服务器使用EMQX为例。部分代码使用EMQX官方文档。 连接到MQTT服务器分为Websocket方式连接和Websocket TLS/SSL方式连接，使用EMQX的公共服务器的话是 Websocket 方式连接，使用EMQX的私有服务器为Websocket TLS/SSL方式连接。Websocke…
简介 本文主要介绍如何使用 ESP8266 连接MQTT服务器，利用 PubSubClient 库，实现客户端与 MQTT 服务器的连接、订阅、收发消息等功能。服务器使用EMQX为例。部分代码使用 PubSubClient 库自带的示例。 连接到MQTT服务器分为TCP方式连接和TLS/SSL方式连接，使用EMQX的公共服务器的话是TCP方式连接，使用EMQX的私有服…