
如何把GLB嵌入網站?用model-viewer做出能旋轉自己角色3D的作品集
想把GLB嵌入網站,用Google公開的model-viewer最省事。加一行載入程式碼,寫上src、camera-controls等屬性,訪客就能用滑鼠或手指旋轉頁面上的3D。本文整理各屬性的作用、檔案放置的條件、顯示不出來時的排查方法,以及在手機上的表現。
BLOG
Figmee的最新消息與實用文章

想把GLB嵌入網站,用Google公開的model-viewer最省事。加一行載入程式碼,寫上src、camera-controls等屬性,訪客就能用滑鼠或手指旋轉頁面上的3D。本文整理各屬性的作用、檔案放置的條件、顯示不出來時的排查方法,以及在手機上的表現。

想讓GLB變小,請照這個順序:先降低貼圖解析度,再減少多邊形,最後用Draco或meshopt壓縮幾何資料。本文介紹怎麼看出容量由什麼構成、Blender與glTF-Transform的操作步驟、Figmee匯出的GLB要注意的地方,以及依用途可以減到什麼程度。

只有線稿的畫也能做成3D。不過上傳沒有顏色的線稿時,3D的顏色由AI決定。本文整理上傳無色線稿時會發生什麼、想自己決定顏色時如何上底色,以及適合做成3D的線稿條件(線條清楚、輪廓封閉、全身)。

想把吉祥物角色做成3D模型,先確認與設計師的合約是否允許立體化,再選擇委託製作公司,或用一張插畫讓AI生成3D模型。本文整理費用參考、權利確認、社群用旋轉影片的做法,以及AI 3D做不到的事。

不會畫畫,也有三種方法讓小說角色(自家孩子)有個樣子:委託繪師、用Picrew等捏臉器製作、自己畫草稿。本文整理委託前怎麼把文字設定改寫成畫面指示、委託時要確認什麼,以及用畫好的圖做出3D模型的步驟。

用自己角色的畫做成3D模型來取代素描木偶,就能連髮型和服裝都維持角色原樣地確認角度與光線。本文整理製作步驟與所需時間、與素描木偶的分工,以及無法改變姿勢等限制。

用Procreate畫的圖,匯出成PNG或JPEG後上傳到Figmee,只用iPad瀏覽器就能做到3D模型。不過Procreate的3D繪圖只能開啟USDZ和OBJ,開不了GLB,想重新上色就需要在電腦上用Blender轉換成USDZ。本文整理匯出設定、只用iPad能做的事與需要電腦的事,以及出問題時的解決方法。

在網路上公開3D模型主要有4種方式:製作服務的分享連結、Sketchfab等3D分享網站、自己的網站,以及發到社群媒體的旋轉影片。本文比較觀看者能做什麼、需要準備什麼、公開範圍,並整理 Figmee 分享連結的操作步驟、公開後看得到什麼、取消公開後仍會留下什麼,以及公開前要確認的權利。

用一張畫生成3D模型時,沒有畫出來的背面,是AI根據正面的資訊和學到的形狀知識推測補上的。本文說明頭髮、衣服、小物件容易出現偏差的地方,在瀏覽器檢視器裡確認背面的步驟,讓背面更接近設定的畫法與重做方式,以及不想展示背面時的分享方法。

整理用一張調查員或PC立繪,做出能轉到側面和背面查看的3D模型與旋轉影片的步驟,以及Picrew使用範圍和委託立繪的確認方法、把同團玩家的PC做成3D送人前要先問的事。

Unreal Engine 5可以用標準匯入功能讀取GLB。本文依據官方文件,說明把GLB拖進Content Browser後開啟的Interchange對話方塊怎麼看、沒有骨架的GLB為什麼會以Static Mesh匯入、材質發白或像金屬一樣反光時的處理、大小與方向的調整,以及與Unity、Godot的差異。

VRoid Studio是用現成的素體和部件調整出角色、再匯出成VRM的免費軟體;AI生成3D則是用你自己畫的一張圖生成形狀和顏色。想在直播或VRChat裡讓角色動起來,選VRoid;想先看看自己的畫風和小物件變成立體的樣子,選AI。本文用表格比較輸入、格式、骨架與用途,並整理猶豫時可以問自己的3個問題。