目錄
三維建模軟件的介紹
Blender官方文檔介紹
Blender軟件安裝
GLTF格式簡介
gltf不同文件形式
????????看過我之前講解的three文章的人都知道,我在創(chuàng)建模型的時候都沒有使用three.js自帶的一些簡單模型,而是引入外部的模型并加載到頁面上,簡言之:對于簡單的立方體、球體等類型,你可以通過three.js的幾何體相關(guān)的API快速實現(xiàn),不過復(fù)雜的模型,比如一輛轎車、一棟房子、一個倉庫,一般需要通過3D建模軟件來 實現(xiàn)。
三維建模軟件的介紹
3D美術(shù)常用的三維建模軟件,比如Blender(輕量開源)、3damx、C4D、maya等等,特殊行業(yè)項目可能涉及到行業(yè)軟件,比如機械相關(guān)(SW、UG)等,建筑相關(guān)(草圖大師、revit)。
3D建模與程序的分工流程是
3D美術(shù):使用三維建模軟件繪制3D模型,導(dǎo)出gltf等常見格式
程序員:加載解析三維軟件導(dǎo)出的三維模型
比如使用Blender三維建模軟件導(dǎo)出gltf格式模型,然后再通過threejs加載三維模型
程序員學(xué)習(xí)3D建模的好處:了解3D相關(guān)概念,想比較代碼,建模軟件給人的感覺更加形象容易理解。建模軟件與three.js代碼的交互,能與美術(shù)更好的配合,能夠知道建模軟件如何導(dǎo)出模型。
初學(xué)者該選擇什么建模軟件?博主推薦大家使用 Blender軟件 ,安裝簡易開源免費,易操作,接下來將簡單介紹一下Blender建模軟件的安裝:
Blender官方文檔介紹
首先先進入其下載官網(wǎng):Blender官網(wǎng) ,然后點擊官網(wǎng)主頁的 Download 進行下載,如下:
進入下載頁面后,根據(jù)自己電腦的系統(tǒng)進行選擇,我個人電腦是window,選擇相應(yīng)系統(tǒng),這里建議下載 zip 格式,更方便快速安裝和不容易出錯。
如果點擊沒反應(yīng),下拉到下圖所示位置再次點擊下載即可:
如果想查看每次版本更新之后新增的一些功能,可以查閱?版本最新變化 ,這里可以借助翻譯軟件進行查看即可:
點擊download下的demo files,就可以白嫖官方歷代閃屏文件和資產(chǎn)庫文件
Blender軟件安裝
下載 blender 軟件 zip 完成之后,接下來就可以進行相應(yīng)的安裝了,這里建議安裝到D盤,然后安裝路徑注意不要有中文路徑,避免渲染出錯。解壓壓縮包然后進入到文件當中,然后找到如下圖所示的文件發(fā)送到桌面快捷方式:
找到桌面的快捷方式雙擊進行打開即可,進入軟件主頁面之后選擇對應(yīng)自己想要的語言,例如中文
然后點擊空白處讓當前彈框消失即可,然后點擊菜單欄中的編輯選項,選擇偏好設(shè)置,取消勾選新建數(shù)據(jù),避免文件出錯。
然后選擇系統(tǒng),勾選全部顯卡和CPU:
然后撤銷設(shè)置建議設(shè)置成100即可:
ok,blender的安裝與基礎(chǔ)設(shè)置就基本配置完成了,接下來可以隨時進行3D建模啦。
GLTF格式簡介
GLTF格式是新2015發(fā)布的三維模型格式,隨著物聯(lián)網(wǎng)、WebGL、5G的進一步發(fā)展,會有越來越多的互聯(lián)網(wǎng)項目Web端引入3D元素,你可以把GLTF格式的三維模型理解為jpg、.png格式的圖片一樣?,F(xiàn)在的網(wǎng)站,圖片基本是標配,對于以后的網(wǎng)站來說如果需要展示一個場景,使用3D來替換圖片表達也是很正常的事情。
圖片有很多格式,對于三維模型自然也是如此,Web開發(fā)的時候圖片會有常用格式,對于Web3D開發(fā)也一樣,肯定會根據(jù)需要選擇一個常見的大家都熟悉的格式,隨著時間的發(fā)展,GLTF必然稱為一個極為重要的標準格式。不僅three.,js,其它的WebGL三維引擎cesium、babylonjs都對gltf格式有良好的的支持。
Khronos Group組織2015發(fā)布了GLTF1.0版本,在2017年又發(fā)布了GLTF2.0版本,關(guān)于gltf的更多介紹和信息,可以查看github:https://github.com/KhronosGroup/glTF 。
gltf包含內(nèi)容:相比較obj、stl等格式而言,.gltf格式可以包含更多的模型信息。.gltf格式文件幾乎可以包含所有的三維模型相關(guān)信息的數(shù)據(jù),比如模型層級關(guān)系、PBR材質(zhì)、紋理貼圖、骨骼貼圖、變形動畫等等。
gltf格式信息:如果你有一定的前端基礎(chǔ),那么你對JSON一定不陌生,GLTF文件就是通過JSON的鍵值對方式來表示模型信息,比如meshes表示網(wǎng)格模型信息,materials表示材質(zhì)信息等。
.bin文件:有些gltf文件會關(guān)聯(lián)一個獲多個.bin文件,.bin文件以二進制形式存儲了模型的頂點數(shù)據(jù)等信息。.bin文件中的信息其實就是對應(yīng)gltf文件中的 buffers 屬性,buffers.bin中的模型數(shù)據(jù),可以存儲在 .gltf 文件中,也可以單獨一個二進制 .bin 文件。
二進制 .glb:gltf格式文件不一定就是以擴展名 .gltf 結(jié)尾, .glb就是gltf格式的二進制文件。比如你可以把 .gltf 模型和貼圖信息全部合成到一個 .glb 文件中,.glb文件相對 .gltf 文件體積更小,網(wǎng)絡(luò)傳輸自然更快。
gltf不同文件形式
三維建模軟件比如Blender,可以根據(jù)設(shè)置以不同形式導(dǎo)出gltf模型,比如單獨導(dǎo)出一個 .gltf 文件,比如單獨導(dǎo)出一個 .glb 文件,比如導(dǎo)出形式為:.gltf + .bin + 貼圖多個文件。
.gltf格式模型文件,有不同的組織形式。單獨 .gltf 文件、單獨 .glb文件、.gltf + .bin + 貼圖文件。
注意:貼圖等數(shù)據(jù)單獨是一個文件的時候,注意不要隨意改變子文件相對父文件gltf的目錄,以免找不到資源。這一點很重要,切記?。?!
這些不同形式的gltf模型,加載代碼其實沒啥區(qū)別,比如說我們通過3D建模軟件畫好一個模型之后,就可以通過建模軟件進行一個導(dǎo)出,如下:
比如說這里我選擇導(dǎo)出gltf模型之后,可以自行選擇要導(dǎo)出的格式:
文章來源:http://www.zghlxwxcb.cn/news/detail-460284.html
ok,3d建模軟件的下載以及如何導(dǎo)出gltf模型的簡單介紹到這里就結(jié)束了,后期博主也可能會講解一點關(guān)于3D建模Blender的相關(guān)知識,關(guān)注博主,讓學(xué)習(xí)之路不再迷茫!文章來源地址http://www.zghlxwxcb.cn/news/detail-460284.html
到了這里,關(guān)于Three.js--》建模軟件如何加載外部3D模型?的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!