diff --git a/docs/note/graphics/illumination_model/luminosity/luminosity.md b/docs/note/graphics/illumination_model/luminosity/luminosity.md
index ed8fc93..90d3669 100644
--- a/docs/note/graphics/illumination_model/luminosity/luminosity.md
+++ b/docs/note/graphics/illumination_model/luminosity/luminosity.md
@@ -134,7 +134,10 @@ d^2\Phi=L_r dA_r d\omega_r \cos\theta_r
$$
代入前面的立体角公式可得
$$
-\displaystyle{ d^2\Phi=L_sdA_s\cos\theta_s\frac{dA_r\cos\theta_r}{r^2}=L_rdA_r\cos\theta_r\frac{dA_s\cos\theta_s}{r^2}}
+\begin{aligned}
+d^2\Phi&=\displaystyle{L_sdA_s\cos\theta_s\frac{dA_r\cos\theta_r}{r^2}}\\
+&=\displaystyle{L_rdA_r\cos\theta_r\frac{dA_s\cos\theta_s}{r^2}}
+\end{aligned}
$$
整理可得
$$
diff --git a/docs/note/graphics/illumination_model/microfacets/microfacet_3.svg b/docs/note/graphics/illumination_model/microfacets/microfacet_3.svg
index 886a630..f96d9b5 100644
--- a/docs/note/graphics/illumination_model/microfacets/microfacet_3.svg
+++ b/docs/note/graphics/illumination_model/microfacets/microfacet_3.svg
@@ -2,21 +2,21 @@
diff --git a/docs/note/graphics/illumination_model/microfacets/microfacet_4.svg b/docs/note/graphics/illumination_model/microfacets/microfacet_4.svg
index 378a92e..dfbfb18 100644
--- a/docs/note/graphics/illumination_model/microfacets/microfacet_4.svg
+++ b/docs/note/graphics/illumination_model/microfacets/microfacet_4.svg
@@ -2,21 +2,21 @@
diff --git a/docs/note/graphics/illumination_model/microfacets/microfacet_7.svg b/docs/note/graphics/illumination_model/microfacets/microfacet_7.svg
index 92f90b1..3448222 100644
--- a/docs/note/graphics/illumination_model/microfacets/microfacet_7.svg
+++ b/docs/note/graphics/illumination_model/microfacets/microfacet_7.svg
@@ -2,21 +2,21 @@
diff --git a/docs/note/graphics/illumination_model/microfacets/microfacet_beckmann.svg b/docs/note/graphics/illumination_model/microfacets/microfacet_beckmann.svg
index fbcd7a4..75a7fb7 100644
--- a/docs/note/graphics/illumination_model/microfacets/microfacet_beckmann.svg
+++ b/docs/note/graphics/illumination_model/microfacets/microfacet_beckmann.svg
@@ -1,18 +1,18 @@
diff --git a/docs/note/graphics/image_based_lighting/ibl_03.svg b/docs/note/graphics/image_based_lighting/ibl_03.svg
index 17c27f7..d629452 100644
--- a/docs/note/graphics/image_based_lighting/ibl_03.svg
+++ b/docs/note/graphics/image_based_lighting/ibl_03.svg
@@ -2,21 +2,21 @@
+ inkscape:version="1.4 (86a8ad7, 2024-10-11)"
+ sodipodi:docname="ibl_03.svg"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:dc="http://purl.org/dc/elements/1.1/">
+ inkscape:snap-intersection-paths="false"
+ inkscape:showpageshadow="2"
+ inkscape:pagecheckerboard="0"
+ inkscape:deskcolor="#d1d1d1">
+ type="xygrid"
+ originx="0"
+ originy="0"
+ units="px" />
+ d="M 0,0 5,-5 -12.5,0 5,5 Z"
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
+ transform="matrix(-0.4,0,0,-0.4,-4,0)" />
+ d="M 0,0 5,-5 -12.5,0 5,5 Z"
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
+ transform="matrix(-0.4,0,0,-0.4,-4,0)" />
@@ -114,7 +120,7 @@
inkscape:stockid="Arrow1Mend">
@@ -130,7 +136,7 @@
@@ -144,7 +150,7 @@
inkscape:stockid="Arrow1Mend">
@@ -159,7 +165,7 @@
inkscape:stockid="Arrow1Mend">
@@ -175,7 +181,7 @@
@@ -191,7 +197,7 @@
inkscape:connector-curvature="0"
id="path3913"
d="M 0,0 5,-5 -12.5,0 5,5 Z"
- style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1"
+ style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
transform="matrix(-0.8,0,0,-0.8,-10,0)" />
@@ -237,7 +243,7 @@
@@ -250,7 +256,6 @@
image/svg+xml
-
@@ -262,22 +267,22 @@
+ id="path1196" />
+
+ transform="translate(140.84641,-34.317163)">
+ style="fill:#000000;stroke-width:0" />
+
+ id="path2349" />
+
+ transform="translate(123.13482,-55.904603)">
+ style="fill:#000000;stroke-width:0" />
+
@@ -523,7 +531,7 @@
y="0"
xlink:href="#use4698"
id="use5353"
- transform="rotate(5,303.40703,368.40873)"
+ transform="rotate(5,252.68933,348.7915)"
width="100%"
height="100%" />
+ inkscape:connector-curvature="0" />
+ inkscape:connector-curvature="0" />
diff --git a/docs/note/graphics/math/math_01.md b/docs/note/graphics/math/math_01.md
index ce9d24e..9441656 100644
--- a/docs/note/graphics/math/math_01.md
+++ b/docs/note/graphics/math/math_01.md
@@ -142,13 +142,14 @@ $$
### 2.5叉积
#### 2.5.1 定义
对于两个三维矢量$\vec{a}, \vec{b}$,定义它们的叉积
-$$
-\vec{\boldsymbol a}\times\vec{\boldsymbol b}=\begin{vmatrix}
+$$\begin{aligned}
+\vec{\boldsymbol a}\times\vec{\boldsymbol b}&=\begin{vmatrix}
\vec{\boldsymbol i}& \vec{\boldsymbol j} & \vec{\boldsymbol k}\cr
a_x & a_y & a_z \cr
b_x & b_y & b_z
-\end{vmatrix}=
-(a_yb_z-a_zb_y)\vec{\boldsymbol{i}}+(a_zb_x-a_xb_z)\vec{\boldsymbol{j}}+(a_xb_y-a_yb_x)\vec{\boldsymbol{k}}
+\end{vmatrix}\\
+&=(a_yb_z-a_zb_y)\vec{\boldsymbol{i}}+(a_zb_x-a_xb_z)\vec{\boldsymbol{j}}+(a_xb_y-a_yb_x)\vec{\boldsymbol{k}}
+\end{aligned}
$$
#### 2.5.2 叉积的几何意义
在三维几何中,向量a和向量b的叉乘结果是一个向量,更为熟知的叫法是法向量,该向量垂直于a和b向量构成的平面。
diff --git a/docs/note/graphics/math/math_02.md b/docs/note/graphics/math/math_02.md
index ac4c0b3..6c8ffef 100644
--- a/docs/note/graphics/math/math_02.md
+++ b/docs/note/graphics/math/math_02.md
@@ -7,19 +7,23 @@ $\boldsymbol A_{ij}$表示第$i$行第$j$列的元素,
$\boldsymbol A_{i,*}$表示第$i$行所有元素,
$\boldsymbol A_{*,j}$表示第$j$列所有元素,
$$
-\boldsymbol A=\begin{bmatrix}
+\begin{aligned}
+\boldsymbol A&=\begin{bmatrix}
A_{11}&A_{12}&A_{13}\\
A_{21}&A_{22}&A_{23}\\
A_{31}&A_{32}&A_{33}
-\end{bmatrix}=\begin{bmatrix}
+\end{bmatrix}\\
+&=\begin{bmatrix}
\leftarrow & A_{1,*} & \rightarrow \\
\leftarrow & A_{2,*} & \rightarrow \\
\leftarrow & A_{3,*} & \rightarrow
-\end{bmatrix}=\begin{bmatrix}
+\end{bmatrix}\\
+&=\begin{bmatrix}
\uparrow & \uparrow & \uparrow \\
A_{*,1} & A_{*,2} & A_{*,3} \\
\downarrow & \downarrow & \downarrow
\end{bmatrix}
+\end{aligned}
$$
### 3.2 加法
如果矩阵$\boldsymbol A$是一个$m\times n$的矩阵,矩阵$\boldsymbol B$是一个$m\times n$的矩阵,那么$\boldsymbol A +\boldsymbol B$是一个$m\times n$的矩阵$\boldsymbol C$,并且
@@ -72,11 +76,13 @@ $$
#### 3.4.2 举例
$$
-\boldsymbol A=\begin{bmatrix}
+\begin{aligned}
+\boldsymbol A&=\begin{bmatrix}
2&-1&8\\3&6&-4\end{bmatrix}\\
-\boldsymbol A^T=\begin{bmatrix}
+\boldsymbol A^T&=\begin{bmatrix}
2&3\\-1&6\\8&-4
\end{bmatrix}
+\end{aligned}
$$
### 3.4.3 正交矩阵
@@ -140,10 +146,13 @@ $$
#### 3.8.2 举例
$$
-\det{\begin{bmatrix}
+\begin{aligned}
+&\det{\begin{bmatrix}
A_{11}&A_{12}\\
A_{21}&A_{22}
-\end{bmatrix}}=A_{11}\det[A_{22}]-A_{12}\det[A_{21}]=A_{11}A_{22}-A_{12}A_{21}
+\end{bmatrix}}\\
+&=A_{11}\det[A_{22}]-A_{12}\det[A_{21}]=A_{11}A_{22}-A_{12}A_{21}
+\end{aligned}
$$
$$\begin{split}
diff --git a/docs/note/graphics/math/proj_transform.svg b/docs/note/graphics/math/proj_transform.svg
index b5ab53c..eeb78f7 100644
--- a/docs/note/graphics/math/proj_transform.svg
+++ b/docs/note/graphics/math/proj_transform.svg
@@ -2,9 +2,9 @@
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ id="g26"
+ transform="translate(-87.931676,63.402272)">
+ id="g25"
+ transform="translate(-87.30805,69.014933)">
+ id="g23"
+ transform="translate(10.809568,2.078763)">
+ inkscape:transform-center-x="6.6241936"
+ inkscape:transform-center-y="-2.6854843">
+ id="g6"
+ transform="translate(7.340321,-9.846772)">
+ id="g14"
+ transform="translate(-99.183849,51.203215)">