大家好,也許您已經發現,Verge3D 2.15版已經發布啦,Blender和3ds Max版本都包含了許多更新,歡迎訪問中文官網下載試用:https://verge3d.funjoy.tech
Verge3D一直以面向藝術家的友好體驗為開發目標,輕鬆掌握,快速部署,成為您創作三維網頁應用的高效工具箱!
在Verge3D for Blender 2.15版中,我們通過支持Filmic(影像)色彩管理模式和Image Texture(圖像紋理)參數,進一步擴展了與Blender的集成。由於進行了各種優化,場景變得更緊湊,且載入更快。此外,引入了支持在VR模式下使用的遊戲手柄,並允許Verge3D顯示原始glTF文件。最後,我們提供了一些引擎模塊的源代碼,供程序員查看和修改!
紋理投射
我們支持Image Texture(圖像紋理)節點的所有可用投射模式,包括Box(盒子),Sphere(球體)和Tube(管)。這使您可以將紋理分配給網格,而無需先對其進行UV展開,這對於參數化對象、修改器創建幾何體、從CAD導入幾何體等操作均非常有用。
Box(盒子)投射模式還提供「Blend混合因子」以減少接縫。
紋理擴展
Image Texture(圖像紋理)節點現在支持Extend(延伸)和Clip(剪輯)映射選項以及Repeat(重複),這可以幫助您涵蓋更高級的紋理情況。
Filmic
現在,工具包可以正確處理Blender 2.8默認的「Color Management(顏色管理)> View Transform(查看變換)>Filmic」 設置。 這修復了使用Verge3D的渲染Blender出廠設置創建項目的差異。
Blender2.81 Alpha
我們正在引進Blender2.81 alpha的初步支持。特別之處是,我們修復了與更改Python API相關的崩潰,並實現了新的Mapping shader(映射著色器)節點,該節點將明確提供位置、旋轉和比例輸入。
但是,我們不建議在生產版本中使用Blender 2.81,直到它作為穩定版本發布。
EEVEE模板
模板多維數據集的場景已為Blender 2.80更新,默認情況下啟用了EEVEE渲染器,從而節省了從Cycles(循環)切換和重置Blender UI的工作量。
但是,此模板混合文件將在Blender 2.79中作為空白場景打開,就像大多數Verge3D示例一樣。如果您仍在Blender 2.79中工作,請考慮儘快遷移到2.80。
場景優化
現在可以使用「Optimize Mesh Attributes(優化網格屬性)」選項來刪除未使用的信息(例如切線),這使導出的場景在大多數情況下更加緊湊。默認情況下,此選項處於啟用狀態。
警告:如果要將法線貼圖材質分配給最初沒有法線貼圖的網格,請確保禁用此選項。否則,您可能會得到一些非常奇怪的結果!
FixedModifiers固定修改器
此發行版僅限於Blender的最終改進是:現在可以正確地烘焙隱藏對象的修改器。
遊戲控制器
一些Verge3D用戶對遊戲開發的更多功能表現出了興趣。特別是,Soft8Soft團隊已請求並成功實現:訪問各種遊戲控制器(例如遊戲板,操縱桿或方向盤/踏板)的拼圖。
最簡應用拼圖示例中,使用遊戲手柄按鈕旋轉立方體:
我們更新了《農夫之旅》遊戲(遊戲鏈接:https://cdn.soft8soft.com/demo/applications/farmers_journey/index.html),使用鍵盤旁邊的遊戲板控制項進行操作。該遊戲也已經被移植到Blender 2.80。
以下視頻顯示了方向盤和踏板在實際用法。此演示尚未將包含在Verge3D發行版中,因為該演示使用JavaScript進行了車輛的物理特徵研究,但是如果您感興趣,我們隨時可以分享。
您可以使用我們的簡單診斷工具(診斷工具鏈接:https://www.soft8soft.com/gamepad_diagnostics/gamepad_diagnostics.html)或使用以下布局,在遊戲手柄上指定坐標軸和按鈕:
新拼圖也可以在VR模式下使用,以配備來自各種VR設備的其他控制項。
HTML拼圖
現在,add HTML element(添加HTML元素)拼圖提供了在何處確切創建新元素的選擇。
如果選擇to,它將把新元素作為第二個元素的父元素(默認情況下為body主體),類似於JavaScript的appendChild () 方法。如果選擇before或after,它將在之前或之後,將新元素作為第二個元素的父元素的父元素,類似於JavaScript的insertBefore () 方法。
我們還為take screenshot(屏幕截圖)拼圖添加了png / jpeg轉換選項。
其他拼圖
現在,load sound(載入聲音)拼圖將URL參數作為變數接受(圖標很漂亮哦)。其他聲音拼圖的名稱被縮短了。
我們修復了picked object(拾取對象)和hovered object(懸停對象)的內部構件,以便現在可以直接將這些拼圖插入到logic comparison(邏輯比較)拼圖中。
以前應用於文本拼圖紋理的fit選項,現在可以更好地處理較短的文本行。
assign material(分配材質)拼圖和 get material (獲取材質)拼圖現在可以用於多材質物體,如下所示:始終替換或返回第一材質。
最後,庫條目已更新,以反映最近所更新拼圖的變化。
拼圖調整和幫助頁面
根據用戶的反饋,即使在拼圖上按下滑鼠中鍵(例如,與Blender的著色編輯器一致),也會使滑鼠中鍵平移到編輯器工作區。
我們修復了整個參考文件中所有過時或失效的鏈接和屏幕截圖。部分拼圖的名稱,工具箱的順序和外觀也進行了調整。特別是,以前的「constrain value約束值」拼圖現在被稱為「clamp鉗制」,「to fixed point精確到固定點」現在被稱為「round with precision圍繞精確圓」。
我們還記錄了之前被遺漏或引用到Wikipedia的the help links(幫助鏈接)拼圖,並添加了一些與Verge3D相關的示例。其中包括邏輯、循環、文本、數字和列表。
VanillaglTF文件
當.gltf或.glb文件是由Verge3D以外的其他導出程序創建時(例如Cinema 4D, Modo,Substance Painter和其他可以導出為glTF的工具),以下功能將非常有用。
基本上,這意味著您現在不僅可以使用3ds Max或Blender創建WebGL應用,而且可以使用各種其他工具。您還可以Verge3D開發自己的glTF查看器!
因此,第一個功能是一個新拼圖:create environment(創建環境),它允許您向場景中添加基於圖像的照明和背景。需要它的原因是vanilla glTF不提供環境。我們通過glTF duck模型展示了此功能:
遮罩下面的拼圖使用256×128 HDR圖像。但是,您可以使用replace texture(替換紋理)拼圖和指定的材質名稱,將其替換為更詳細的環境紋理。
另一個功能會自動運行:載入沒有照相機的glTF文件時(vanilla glTF可能並不總有照相機),Verge3D會創建並正確放置替換相機,並為正確的導航分配相機控制項。
JavaScript和CSS
程序員利好消息:現在可以查看和修改App(應用),Annotation(註釋),AnnotationControl(註釋控制)和Preloader(預載入器)類的源代碼了。也可以查看和修改:用於樣式化WebGL畫布的CSS文件、WebGL錯誤消息、默認的預載入器和註釋。
現在可以通過CSS類定義fullscreen-button(全屏按鈕)、fullscreen-open(全屏打開)和fullscreen-close(全屏關閉),來調整默認的全屏按鈕樣式。請在此文檔頁查看更多信息(文檔頁鏈接:https://www.soft8soft.com/docs/manual/en/introduction/Styling-Verge3D-Apps.html#Fullscreen_Button)
現在可以通過JavaScript為場景啟用Fog(霧),例如:
app.scene.fog= new v3d.FogExp2('red', 0.02);
最後(並非最不重要):拼圖中定義的程序可以直接從JavaScript調用!假設您想用JavaScript隱藏任何給定的對象,然後,您可以在拼圖中創建一個名為「hide隱藏」的程序,如下所示:
…並從代碼的任何位置觸發它,甚至從瀏覽器控制台觸發。
v3d.puzzles.procedures.hide('Cube');
or
v3d.puzzles.procedures['hide']('Cube');
因此,以前使用的when clicked from JS(從JS拼圖中點擊)的方法已失效。
該拼圖已從工具箱中刪除,但在您刪除它之前,它將繼續處理您的項目。享受使用拼圖編碼帶來的樂趣吧!
更多優化
引入了一系列優化,使.gltf和.bin文件更加緊湊。(除上述「Optimize Mesh Attributes優化網格屬性」選項之外)
重新導出后,您應該會看到應用載入速度更快了!
另外,由於著色器編譯和資產處理階段是非同步的,使得預載入程序的進展非常順利。尤其在達到100%之後,幾乎不再出現定格。這將有助於您的客戶保持冷靜並對體驗感到滿意。
試用版、許可證密鑰和更新
試用版水印被縮短,並提供了指向有關試用版限制的說明頁鏈接。
更新至最新版verge3d版本更便捷容易。從今天開始,您的許可證密鑰將在未過期的情況下自動應用,因此不再需要在每次更新后再次應用它。
App Manager應用管理器通過顯示通知,使您了解新的更新(包括穩定版和預覽版)。
如果您無需此功能,可在應用程序管理器的「Network Settings網路設置」中關閉此功能。
Bug修復
修復了用戶發現的一些形變(morphing)相關問題。此外,現在支持多材質對象的形變。
修復了當啟用了屏幕空間反射后,透明對象的渲染錯誤。還修復了啟用屏幕空間反射/折射時,不使用光源照明的問題。
修復了拼圖set/get rotation(設置/獲取旋轉)有時會產生錯誤角度的問題。
修復了項目中html / css / js文件的非UTF-8編碼導致應用管理器崩潰的問題,感謝用戶的反饋!
當渲染具有零粗糙度的材質時(特別是鉻、金等高反射率的材質),我們消除了錯誤的模糊性。
修復了因為使用了生成幾何的修改器(例如布爾值),導致法線計算錯誤的問題。再次感謝用戶的反饋!
最後,修復了禁用后處理效果時的內存泄漏(例如,使用emove postprocessing刪除后處理拼圖)。其它修復的小bug在此不再贅述。
結語
我們感謝每個人積極主動的立場和支持,使我們能夠優先考慮,並提供所有這些功能。總之,
我們在開發用於創建3D Web交互的最有效、最強大的工具方面,跨越了另一個重要的里程碑。歡迎您隨時在社區論壇上提供反饋和建議!
——Yuri Kovelenov撰寫
——FunJoy.Tech翻譯校對
Verge3D微信公眾號誠邀廣大用戶和愛好者們投稿,內容包括作品展示、問題反饋、教學教程等~歡迎賜稿!您的投稿將通過官網及全媒體社交網路進行發表和推廣。
投稿郵箱:verge3d@funjoy.tech
另外我們已經開通了更多和大家交流的社交網路,歡迎關注我們~
微信公眾號:Verge3D
知乎/專欄:Verge3D | https://zhuanlan.zhihu.com/verge3d
Bilibili: Verge3D | https://space.bilibili.com/402774953
新浪微博:Verge3D | https://www.weibo.com/verge3d/
[admin
]