--- tags: Computer Graphics , Basic Knowledge --- # 電腦圖學概論 : Basic Knowledge - Transformation 簡單地說,電腦圖學的主要研究內容就是研究如何在電腦中表示圖形、以及利用電腦進行圖形的計算、處理和顯示的相關原理與演算法。然而圖學領域研究的分支有許多種。 本篇我們將介紹電腦圖學中的一些基本應該具備的知識。 ## <a href="https://hackmd.io/33Q0m05MTcuSxjXvpD8ipA?view" title="Content" style = text-decoration:none;color:black >Content</a> ## Basic Knowledge * <a href= https://hackmd.io/M3OZZUWhQC6LaosidDHBGg?view style = text-decoration:none;color:black>Vector & Matrix</a> * <a href= https://hackmd.io/VcfcykS8TAKe4Ikxd5v0kw?view style = text-decoration:none;color:black>Coordinate System</a> * <span style = color:red;font-weight:bold > Transformation</span> --- ### Basic Transformations 基本線性變換 #### Translate 平移 平移在圖學中是一個很基本的變換,也就是移動一個物件。P是當前的位置,而d是想移動的距離, 最終的位置就是P+d。 ![](https://i.imgur.com/x1czXvU.png) 寫成矩陣型式就如下圖表示: ![](https://i.imgur.com/e0eA3ST.png) 之後談到MVP矩陣時會在更詳細的去講矩陣的意義。 ### Rotation 旋轉 旋轉也是基本變換之一,簡單的想就是在空間中選轉一個物件。但在旋轉之前,要先決定物體怎麼旋轉,也就是選轉軸,旋轉角度,旋轉中心。然而在旋轉變換中有不同的算法,如: 四元數,尤拉角等。 之後會再詳談。在這裡只需要了解到最基本的旋轉就是我們高中熟悉的旋轉矩陣。 ![](https://i.imgur.com/DwluKVV.png) 在更細一點看,其實就是各個分量的旋轉。 ![](https://i.imgur.com/vJNHixL.png) 以矩陣形式如下圖表示 ![](https://i.imgur.com/JmgeEg1.png) ### Scale 縮放 ![](https://i.imgur.com/5dPKXH7.png) ### Shearing ![](https://i.imgur.com/uV5jwkW.png) ### Reflect 鏡射 ![](https://i.imgur.com/RmSqIr6.png) ###### tags: `Computer Graphics` `Basic Knowledge`