OPRNGL之渲染過程大概梳理

2022-05-03 21:33:17 字數 870 閱讀 9148

將opengl繪製物件的過程模擬為攝像機拍攝物體的過程

檢視變換:對攝像機位置與朝向(還有朝上朝下)進行定義

模型變換:對物體的位置,旋轉,縮放進行定義

以上是對攝像機和物體的兩個基礎定義

投影:對攝像機的拍攝進行調節

正投影:

glortho(gldouble left,gldouble right,gldouble bottom,gldouble top,gldouble near,gldouble far)
乙個六個面均為矩形的六面體

透視投影

同一物體,近處大,遠處小

gluperspective(gldouble fovy,gldouble aspect,gldouble znear,gldouble zfar)

fovy為如圖所示角度,znear為近裁剪面z座標值,zfar為遠處裁剪面z座標值,aspect值為

如圖所示矩形的寬度與高度縱橫比

由於對攝像機和物體的修改具有對偶性

對攝像機或者物體的其他幾種修改:

對攝像機的位置和朝向(以及朝上或朝下)進行修改

glulookat(gldouble eyex,gldouble eyey,gldouble eyez,gldouble atx,gldouble aty,gldouble atx,gldouble upx,gldouble upy,gldouble upz)
朝上或朝下一般為(0,1,0)或者物件座標系中的y軸方向

另外,對模型檢視矩陣的修改(即對物體或者攝像機進行位移或旋轉或縮放)的修改參見opengl之矩陣部落格

HTML渲染過程

這裡的過程從伺服器返回html文件開始,瀏覽器請求伺服器的過程不多做介紹。解析html和構建dom是同時執行的,當瀏覽器收到html文件時,瀏覽器通過html直譯器解析html和構建dom樹。瀏覽器採用的是自上而下解析。所以在構建dom樹時兩個標籤會阻塞解析,就是會涉及到外部資源的link和scri...

vue渲染過程

把模板編譯為render函式 例項進行掛載,根據根節點render函式的呼叫,遞迴的生成虛擬dom 對比虛擬dom,渲染到真實dom 元件內部data發生變化,元件和子元件引用data作為props重新呼叫render函式,生成虛擬dom,返回到步驟3 第一步 模板變成render函式 hello ...

html渲染過程

dom document object model 瀏覽器將html解析成樹形的資料結構,簡稱dom cssom css object model,瀏覽器將css 解析成樹形的資料結構 dom和cssom都是以bytes characters nodes object model 這樣的方式生成最終...