2019年在3D圖形場景下的前端開發.pdf

1、在3D圖形場景下的前端開發全景展示以及補間動畫攝像機坐標系模型文件的加載全景展示以及補間動畫攝像機坐標系模型文件的加載我們要做些不一樣的事情啥幺蛾子？我們要開始搞三維看房了，準備下。硬件小哥哥能提供啥？CubemapCubemap3D viewerCSS Cubmap 的效果我們要在場景里漫游漫游啥意思？兩個點之前要走過去。加個漸隱漸顯？加個漸隱漸顯？我們可能需要創建一個真實的3D場景了。上 WEBGL 吧。過度過程中，并沒有真實的相對運動產生。webglopengl es 在 web 上的通過 canvas 實現?；究梢哉J為是將 opengl 和 javascript 結合在了一起。將一個

2、 opengl 函數和 javascript 一一對應。同樣來通過cubemap創建3Dviewer 試試沒事走兩步？沒事走兩步？攝像機位置發現移動周圍的貼圖也需要 跟著移動shader上帝視角攝像機視角全景展示以及補間動畫攝像機坐標系模型文件的加載攝像機的平滑轉動P1(1,1,1)P2(-1,-1,-1)x:1y:1z:1x:-1y:-1z:-1P1(1,1,1)P2(-1,-1,-1)lat:0.6154long:0.7854lat:-0.6154long:-2.3562攝像機的平滑轉動全景展示以及補間動畫攝像機坐標系模型文件的加載v 幾何體頂點(Geometric vertices)vt

3、 貼圖坐標點(Texture vertices)vn 頂點法線(Vertex normals)f 面(Face)1.行號索引，行數越多，索引值越大2.VN 沒有特殊需要可以通過 face 計算3.字符串傳輸效率低vertices 幾何體頂點(Geometric vertices)uvs 貼圖坐標點(Texture vertices)face 面(Face)1.行號索引，行數越多，索引值越大2.VN 沒有特殊需要可以通過 face 計算3.字符串傳輸效率低ProtoBufGoogle Protocol Buffer(簡稱 Protobuf)是 Google 公司內部的混合語言數據標準。Protocol Buffers 是一種輕便高效的結構化數據存儲格式，可以用于結構化數據串行化，或者說序列化。它很適合做數據存儲或 RPC 數據交換格式?？捎糜谕ㄓ崊f議、數據存儲等領域的語言無關、平臺無關、可擴展的序列化結構數據格式。全景展示以及補間動畫攝像機坐標系模型文件的加載