Verge3D功能特性

以下是Verge3D主要的特点与功能列表:

内容

功能和需求

内容创建 Verge3D for Blender Verge3D for 3ds Max Verge3D for Maya
Blender 2.80-3.2 Autodesk 3ds Max 2019-2022 Autodesk Maya 2018-2022
此外,您可以使用任何支持导出为glTF 2.0格式的建模套件,以及任何支持导出这 20余种格式 包括USDZ, FBX,OBJ,COLLADA和3DS等)的3D图形软件。
材质系统 Verge3D for Blender Verge3D for 3ds Max Verge3D for Maya
灯光 Verge3D for Blender Verge3D for 3ds Max Verge3D for Maya
  • 灯光:
    • 点光源
    • 太阳光
    • 聚光灯
    • 面光(正方形或矩形)
  • 通过世界着色节点实现的基于图像的照明
  • 立方体反射光照探头
  • 平面反射光照探头
  • 光度学灯光(点或矩形):
    • 自由式
    • 目标式
  • 标准灯光:
    • 目标聚光灯
    • 自由聚光灯
    • 目标平行光
    • 自由平行光
    • 泛光灯
  • 通过环境贴图实现的基于图像的照明
  • 立方体反射光照探头
  • 平面反射光照探头
  • 灯光:
    • 环境光
    • 平行光
    • 点光源
    • 聚光灯
    • 区域光
    • Arnold的aiAreaLight
  • 通过aiSkyDomeLight(球天灯光)实现的基于图像的照明
  • 立方体反射光照探头
  • 平面反射光照探头
此外,您还可以通过Java脚本创建矩形和半球灯。
阴影 Verge3D仅支持平行光、点光源和聚光灯的投射阴影。
  • 基本的非平滑阴影。
  • 双线性阴影。
  • PCF阴影。
  • 双线性PCF阴影。
  • 泊松碟PCF阴影。
  • ESM阴影。
  • VSM阴影(通过JavaScript代码)。
应用管理器 App Manager是一款轻量化的应用管理工具,可做到:
  • 根据预置模板创建新的应用。
  • 运行应用及3D建模套件(Blender, 3ds Max, Maya)。
  • 编辑和运行拼图逻辑。
  • 升级应用到Verge3D的新版本。
  • 发布应用到Verge3D Network。
  • 管理授权码
  • 访问Verge3D文档及支持渠道。
您可以直接从Blender,3ds Max或Maya轻松启动App Manager。
动画 Verge3D for Blender Verge3D for 3ds Max Verge3D for Maya
  • 由骨骼驱动的动画。
  • 对象变化动画,包括位移、旋转和比例。
  • RGB/值节点动画。
  • 形态键(变形)动画。形态键或变形目标动画。
  • 基于 animate param(动画参数) 拼图的高级程序动画。
  • 动画约束: 复制位置, 复制旋转, 复制缩放, 复制变换, 限定距离, 限定位置, 限定旋转, 限定缩放, 阻尼追踪, 锁定追踪, 追踪到, 基面。
  • 由骨骼驱动的动画。
  • 对象变化动画,包括位移、旋转和比例。
  • 材质控制器动画。支持浮点与颜色参数。
  • 基于 animate param(动画参数) 拼图的高级程序动画。
  • 动画约束: 位置约束, 注视约束, 方向约束。
  • 由骨骼驱动的动画。
  • 对象变化动画,包括位移、旋转和比例。
  • 材质参数动画。
  • 混合形状动画,也称之为融合变形动画。
  • 基于 animate param(动画参数) 拼图的高级程序动画。
  • 动画约束: 父子约束, 点, 方向, 比例, 目标。
可视化编程 Verge3D Puzzles 是一种可视化逻辑编程环境,可以用拖拽的方式快速创建互动场景。它具有以下功能:
  • 处理用户事件,例如鼠标单击/触摸,悬停和拖动。
  • 检索场景对象、动画和材质。
  • 移动、旋转、缩放3D对象,获取对象之间的距离。
  • 显示或隐藏对象。
  • 改变对象的层级结构。
  • 向场景添加二维文本注释(billboards,广告牌)。
  • 更改材质参数,加载纹理。
  • 控制动画。
  • 移动、旋转摄影机。设置活动摄影机。
  • 控制光源及环境照明参数。
  • 在运行时中加载和导出资产。
  • 通过网络以JSON、CSV或文本格式上传、下载数据。
  • 加载用户图像。
  • 支持撤销、重做功能。
  • 撰写和发送客户订单。
  • 检测客户端性能,例如浏览器、操作系统等。
  • 执行基于计时器的事件。
  • 初始化增强现实和虚拟现实会话。
  • 管理已加载的HTML与CSS布局。
  • 播放音频和视频。
  • 模拟物理环境。
  • 启用后期处理效果及雾效。
  • 管理应用逻辑与数据。
  • 执行数学运算。
  • 启用线框渲染。
  • 运行自定义JavaScript代码。

除此之外,您还可以通过 Puzzles plug-ins(拼图插件系统) 创建自己的的拼图模块。

代码编程

可以通过修改应用源代码或集成代码到拼图的方式, 用JavaScript添加 应用功能。

Verge3D基于开源库Three.js构建,并通过 v3d 或 THREE 命名空间公开其API。因此,可以在Verge3D复用任何现有的Three.js代码。

应用发布 您可以通过以下方式发布内容:
  • 您自己的服务器。
  • 任意网络托管服务商(例如GoDaddy,DigitalOcean,Amazon AWS,腾讯云,阿里云等)。
  • Verge3D Network,Verge3D云托管服务。中国大陆地区访问受限,请咨询我们的中国区技术代表咨询解决方案。
  • SCORM-compliant learning-management systems (LMS) such as Moodle, Chamilo, SCORM Cloud, CANVAS, iSpring, etc.
  • 通过 打包 Verge3D app为移动应用的方式,发布到Google Play应用商店或Apple App Store。
  • 使用 Electron 框架构建的独立桌面应用或移动应用。
UI和HTML布局 使用外部所见即所得(WYSIWYG)编辑器创建的界面布局可以 与Puzzles链接,以触发对浏览器中渲染的3D场景的更改,反之亦然。
我们推荐使用 Webflow 网站编辑器的完全无代码工作流程。
服务器端功能与网络服务 WordPress是当前网络中最为流行的内容管理系统(CMS),Verge3D附带了一个 WordPress插件 ,包含了以下功能:
  • 应用托管和发布(嵌入)。
  • 持久文件存储。
  • 完全可定制的电子商务系统,用于处理客户订单。
除此之外,Puzzles可视化逻辑编辑器还支持基于网络以JSON、CSV和纯文本格式发送检索数据块。
后期处理效果 如下效果可在三维软件中启用并导出: 此外,以下效果可以 通过拼图启用
  • 环境遮蔽(AO)
  • 辉光(Bloom)
  • 亮度/对比度(Bright/Contrast)
  • 景深(Depth of Field)
  • 灰度(Grayscale)
  • 轮廓(outline)
  • 屏幕空间反射与折射(SSR)
  • 超采样抗锯齿(SSAA)
此外,可以用JavaScript启用以下效果:
  • 自适应色调映射(Adaptive Tone Mapping)
  • 曙暮晖(Crepuscular Rays),也被称之为云隙光(Sunbeams)或上帝之光(God Rays)
  • 增强型亚像素形态抗锯齿(SMAA, Subpixel Morphological Anti-Aliasing)
  • 毛刺(Glitch)
  • 图像淡入淡出(Image Crossfading)
  • 图像遮罩(Image Masking)
  • 动态模糊(Motion Blur)
  • 像素画图像(Pixelated Imagery)
  • 索贝尔滤波器(Sobel Filter)
  • 随机采样抗锯齿(TAA, Temporal Anti-Aliasing)
虚拟现实

支持以下 虚拟现实技术

  • WebXR
  • WebVR——通过兼容性模块。
  • Cardboard——在上不支持WebXR/WebVR的移动设备上。
  • 3D立体图——基于立体摄影机实现,可使用JavaScript激活。
增强现实

可运行于已经安装了ARCore(面向AR的Google Play服务)的Android系统的Chrome浏览器中,或iOS版本的WebXR Viewer应用中。

此外,您可以使用 USDZ 格式在 iOS/iPadOS 上的默认 Safari 浏览器中运行简化的 AR 模式。

着色器 可以使用OpenGL ES着色语言2.0(WebGL 1.0)或3.0(WebGL 2.0)添加自定义着色器。
物理系统 Physics module(物理模块) 可实现碰撞检测、动态移动对象、角色和车辆的支持,弹簧,绳索和布料模拟等。从2.11版开始,可直接通过拼图创建和控制物理仿真了,无需编程。
音频 Verge3D包括以下音频子系统(通过 拼图 或JavaScript控制)。
  • 基于HTML5的音频,用于播放时间较长的背景音乐。
  • 基于WebAudio的音频,以低延迟播放短的音频样本。
  • 基本合成器,能够演奏100多种乐器、鼓和MIDI文件。
此外,你可以使用JavaScript API对位置性音源和其他复杂的音频效果进行编程。
视频 可通过 video(视频) 拼图或JavaScript指定和播放视频纹理。
材质库 Verge3D for Blender Verge3D for 3ds Max Verge3D for Maya
  • Blender增强材质包
  • Blender珠宝材质包

这里 查看如何使用Blender材质包。

  • 3ds Max增强材质包

这里 查看如何使用Max材质包。

  • Maya增强材质包

这里 查看如何使用Maya材质包。

演示与范例 超过150个编码示例和一系列功能齐全的演示应用,包括:
  • Arcade Racing — 街机赛车:一个复古风格的赛车游戏,演示了先进的物理性能。
  • Augmented Reality — 增强现实:演示了WebAR的基本功能。
  • Clipping Planes — 剪切平面:展示了如何将剪切平面(又称横截面或平面剖面)用于工程可视化和科学可视化。
  • Custom Image — 自定义图片:一个虚拟相框,允许上传、存储和分享图片。
  • E-Learning — 一个简单的电子学习类课件应用。
  • Global Illumination — 全局照明:一个具有高级照明效果的室内演示(如动态立方体反射光照探头和区域光)。
  • Farmer's Journey — 农民的旅行: 无编程制作的浏览器游戏。
  • Industrial Robot VR — 工业机器人:具有VR和AR特性的交互式机器人展示。
  • Jewelry Configurator — 珠宝配置器:高级珠宝定制电商系统演示。
  • Load Unload — 加载/卸载:资产动态加载案例。
  • Parametric Models — 参数化模型:可执行模型参数化变换的3D配置器。
  • PBR — glTF 2.0兼容性材质演示案例。
  • Recliner — 可调节沙发:3D配置器,一个开箱即用的电子商务案例。
  • Ring — 戒指:简单的3D戒指定制应用,演示动态报价与在线下单功能。
  • Scooter — 电动车:先进的3D配置器,具有真实质感的PBR材质,可组合出上百万的配置结果。
  • Scroll Animation — 滚动动画:通过触发3D模型动画实现网页滚动时的动态交互效果。
  • Simple Configurator — 简单配置器:电商基础教程案例。
  • Spinner — 指尖陀螺:简单的产品演示,可配置材质和触发动画,拼图变量可向WooCommerce电商插件发送数据。
  • Swiss Army Knife — 瑞士军刀:电子商务的高级功能演示案例与教程。
  • Teapot Heater — 茶壶加热器:使用拼图制作的精美的3D交互动画。
  • Video Texture — 视频纹理效果演示。
导入格式

除了glTF 2.0,您还以导入以下格式的文件。

几何体/材质:

  • 3DS - Autodesk 3ds Max早期文件格式。
  • 3MF - 制造业3D格式。
  • AMF - 积层造型过程文件格式。
  • AWD - 用于Away3D引擎。
  • babylon - 用于Babylon.js引擎。
  • COLLADA
  • CTM - OpenCTM 格式。
  • FBX
  • glTF 1.0 - 早期格式,请改用glTF 2.0。
  • KMZ - Keyhole标记语言,包含主KML文件及多个用ZIP格式打包成一个单元的支持文件。
  • OBJ/MTL
  • PCD - 3D点云数据格式。
  • PDB - 蛋白质数据库格式。
  • PlayCanvas - PlayCanvas引擎中使用的基于JSON的数据格式。
  • PLY - 多边形文件格式,用于存储来自3D扫描仪的三维数据。
  • PRWM - 打包的原始WebGL模型。
  • STL - 立体光刻数据格式,源自3D Systems的CAD软件。
  • SEA3D - 一种用于游戏开发的开源格式。
  • VRML - 虚拟现实建模语言。
  • VRM - 由VRM联盟制定的用于虚拟偶像的文件格式,基于glTF。
  • VTK - 可视化工具包格式。
  • X - DirectX文件格式。

动画:

  • BVH - BioVision等设备对人体运动进行捕获后产生的角色动画文件格式。
  • MD2 - 用于Quake II引擎。
  • MMD - MikuMikuDance的文件格式。

图像:

  • DDS - DirectX纹理压缩格式。
  • EXR - OpenEXR,高动态范围栅格文件格式。
  • PVR - DirectX纹理压缩格式。
  • HDR - RGBE 或 Radiance HDR。
  • KTX - Khronos的纹理格式。
  • NRRD - “接近原始栅格数据”格式。
  • SVG
  • TGA - Truevision TGA光栅图形格式。
  • TTF
导出格式 除glTF 2.0外,你还可以导出场景到以下格式:
  • COLLADA
  • MMD
  • OBJ
  • PLY
  • STL
摄影机控制 下列是Verge3D提供的开箱即用的摄影机控制模式:
  • Orbit Controls - 视轨控制:目标3D视角。
  • Flying Controls - 飞行控制:自由飞行视角。
  • First-Person Controls - 第一人称控制/视角。
  • Virtual Reality Controls - 虚拟现实控制/视角。
下列是可以通过JavaScript启用的摄影机控制模式:
  • Flyover Controls - 飞掠控制
  • Pointerlock Controls - 指针锁定控制
  • Device Orientation Controls - 设备定向控制:实现由陀螺仪控制的的视图。
  • Map Controls - hovering camera - 地图控制:悬停摄影机。
  • Trackball Controls - 轨迹球控制。
3D图元 你可以加载从任何三维软件导出的几何图像。除此之外,还可以使用JavaScript创建以下3D基本几何体:
  • Circle - 圆
  • Cone - 圆锥
  • Convex Hull - 凸壳
  • Cube (Box) - 立方体
  • Cylinder - 圆柱
  • Dodecahedron - 十二面体
  • Extruded Shape - 挤压成型
  • Icosahedron - 二十面体
  • Font - 从 typeface.json 生成的程序文本。
  • Lathe (Vase) - 车削形(花瓶):一个轴对称的三维实体。
  • Line - 线
  • NURBS - NURBS曲线
  • Octahedron - 八面体
  • Plane - 平面
  • Ring - 环形
  • Sphere - 球体
  • Spline Curve - 样条曲线
  • Tetrahedron - 四面体(金字塔)
  • Polyhedron - 多面体
  • Text - 文本
  • Torus - 环面
  • Tube - 管
  • Utah Teapot - 犹他茶壶:CG世界中最著名的那只茶壶。
  • Wireframe - 线框
系统要求 Verge3D应用可以在任何能够运行支持WebGL技术的web浏览器的系统上启动。请参阅 本页 了解支持的浏览器列表。
开发系统要求 Verge3D for Blender Verge3D for 3ds Max Verge3D for Maya
与Blender类似 与3ds Max类似 与Maya类似

另请参阅

想看更多实战案例吗?前往在线 案例 页面,欣赏更多优秀的Verge3D应用。

遇到问题?

欢迎您随时在 论坛上提问!您还可以加入中文用户社区QQ群(171678760),在线寻求帮助。