Verge3D 2.15 for Blender发布

大家好,也许您已经发现,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主体),类似于JavaScriptappendChild () 方法。如果选择beforeafter,它将在之前或之后,将新元素作为第二个元素的父元素的父元素,类似于JavaScriptinsertBefore () 方法。
我们还为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围绕精确圆”

我们还记录了之前被遗漏或引用到Wikipediathe help links(帮助链接)拼图,并添加了一些与Verge3D相关的示例。其中包括逻辑、循环、文本、数字和列表。

VanillaglTF文件
.gltf.glb文件是由Verge3D以外的其他导出程序创建时(例如Cinema 4D, Modo,Substance Painter和其他可以导出为glTF的工具),以下功能将非常有用。

基本上,这意味着您现在不仅可以使用3ds MaxBlender创建WebGL应用,而且可以使用各种其他工具。您还可以Verge3D开发自己的glTF查看器!
因此,第一个功能是一个新拼图:create environment(创建环境),它允许您向场景中添加基于图像的照明和背景。需要它的原因是vanilla glTF不提供环境。我们通过glTF duck模型展示了此功能:

遮罩下面的拼图使用256×128 HDR图像。但是,您可以使用replace texture(替换纹理)拼图和指定的材质名称,将其替换为更详细的环境纹理。
另一个功能会自动运行:加载没有照相机的glTF文件时(vanilla glTF可能并不总有照相机),Verge3D会创建并正确放置替换相机,并为正确的导航分配相机控件。

JavaScriptCSS
程序员利好消息:现在可以查看和修改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/

官方QQ群:171678760

客服微信: funjoytech