將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 這樣的方式生成最終...