新增 5 6 章节

Author: zhangqf

docs/WebGL/Chapter6.md

@@ -18,13 +18,13 @@
 为了确定观察者的状态，需要获取两项信息：**视点**，即观察者的位置；**观察目标点**，即被观察目标所在的点，它可以用来确定视线。
 因为需要把观察到的景象绘制到屏幕上，还需要知道**上方向**。
 
-![原理图](../images/1128210124.png)
+![原理图](./images/1128210124.png)
 
 - 视点：观察者所在的三维空间中位置，视线的起点。
 - 观察目标点：被观察目标所在的点。视线从视点出发，穿过观察目标点并继续延申。注意，观察目标点是一个点，而不是视线方向，只有同时知道观察目标点和视点，才能算出视线方向。
 - 上方向：最终绘制在屏幕上的影像中的向上的方向。试想，如果仅仅确定了视点和观察点，观察者还是可能以视线为轴旋转的（如图，头部偏移会导致观察到的场景也偏移了）。所以，为了将观察者固定住，还需要指定上方向。上方向是具有3个分量的矢量。
 
-![原理图](../images/1128210111.png)
+![原理图](./images/1128210111.png)
 
 在WebGL中，我们可以用上述三个矢量创建一个**视图矩阵**，然后将该矩阵传给顶点着色器。视图矩阵可以表示观察者的状态，含有观察者的视点、观察目标点、上方向等信息。之所以被称为视图矩阵，是因为它最终影响了显示在屏幕上的视图，也就是观察者观察到的场景。