内容创建 |
Verge3D for Blender |
Verge3D for 3ds Max |
Verge3D for Maya |
Blender 2.83-3.3 |
Autodesk 3ds Max 2020-2023 |
Autodesk Maya 2019-2023 |
此外,您可以使用任何支持导出为glTF 2.0格式的建模套件,以及任何支持导出这 20余种格式 包括USDZ, FBX,OBJ,COLLADA和3DS等)的3D图形软件。
|
E-Commerce电子商务 |
Verge3D包括以下基本电子商务功能:
- 通过拼图支持PayPal付款。
- 与WooCommerce集成。
以及在WordPress CMS之上工作的高级电子商务系统。该系统允许:
- 通过可自定义的订单表格或REST API接收订单。
- 具有无限变化的完全可配置的产品。
- 接收新订单、更新订单和完成订单的电子邮件通知。
- 计算价格。
- 生成报价和发票,并通过电子邮件发送这些文档。
- 产品下载。
- PayPal付款。
此外,您还有300多个拼图可以用来实现交互式的3D商店、配置器、演示或推广内容,比如游戏。
无论您选择哪种系统,Verge3D都允许您设计自己的3D购物体验(可选AR/VR模式),或者仅采用基本的3D模型视图,辅以第三方电子商务系统(如WooCommerce)提供的HTML布局。
|
E-Learning |
Verge3D包括以下电子学习功能:
- SCORM 1.2课程生成器,可在任何兼容的学习管理系统中使用,如Moodle、Chamilo、SCORM Cloud、CANVAS、iSpring。
- SCORM 1.2拼图。
- 300多个拼图可用于实现交互式学习体验。
|
材质系统 |
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布局。
- 播放声音和视频,在运行时(runtime)中合成音乐乐器。
- 模拟物理环境。
- 启用后期处理效果及雾效。
- 管理应用逻辑与数据。
- 执行数学运算。
- 启用线框渲染。
- 运行自定义JavaScript代码。
- 与电子商务系统或支付提供者(如WooCommerce、WordPress、PayPal等)进行交互。
- 符合SCORM标准的电子学习管理系统进行交互。
除此之外,您还可以通过 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插件 ,包含了以下功能:
- 应用托管和发布(嵌入)。
- 持久文件存储。
- WooCommerce集成。
- 完全可定制的电子商务系统,用于处理客户订单。
除此之外,Puzzles可视化逻辑编辑器还支持基于网络以JSON、CSV和纯文本格式发送检索数据块。
|
后期处理效果 |
如下效果可以在支持的3D编辑软件内
启用和导出:
此外,以下效果可以 通过拼图启用:
- 残影效果(afterimage)
- 辉光(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)
|
虚拟现实 |
支持以下 虚拟现实设备:
- Oculus Quest 1-2
- HTC Vive
- Cardboard - 适用于 Android 设备。
- Anaglyph 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(物理模块) 可实现碰撞检测、动态移动对象、角色和车辆的支持,弹簧,绳索和布料模拟等。物理模拟可以通过拼图或 JavaScript 进行处理。
|
音频 |
Verge3D包括以下音频子系统(通过 拼图 或JavaScript控制)。
- 基于HTML5的音频,用于播放时间较长的背景音乐。
- 基于WebAudio的音频,以低延迟播放短的音频样本。
- 基本合成器,能够演奏100多种乐器、鼓和MIDI文件。
此外,你可以使用JavaScript API对位置性音源和其他复杂的音频效果进行编程。
|
视频 |
可通过 video(视频) 拼图或JavaScript指定和播放视频纹理。
|
材质库 |
Verge3D for Blender |
Verge3D for 3ds Max |
Verge3D for Maya |
- Blender增强材质包
- Blender珠宝材质包
在 这里 查看如何使用Blender材质包。
|
在 这里 查看如何使用Max材质包。
|
在 这里 查看如何使用Maya材质包。
|
演示与范例 |
超过150个编码示例和一系列功能齐全的演示应用,包括:
|
导入格式 |
除了glTF 2.0,您还以导入以下格式的文件。
几何体/材质:
- 3DM - 由 openNURBS 发起开发的 CAD 格式,支持在 Rhinoceros、SAP 3D Visual Enterprise Viewer、Moment of Inspiration (MoI)、Deep View (by Right Hemisphere) 等软件中使用。
- 3DS - Autodesk 3ds Max早期文件格式。
- 3MF - 制造业3D格式。
- AMF - 积层造型过程文件格式。
- COLLADA - COLLAborative Design Activity format是一种用于可视化建模、渲染和交互的文件格式。
- DRACO — 压缩的3D文件格式。
- FBX
- glTF 1.0 - 早期格式,请改用glTF 2.0。
- G-Code — 用于控制自动化机器工具的计算机辅助制造语言。
- IFC - CAD数据交换文件格式,用于描述建筑、建筑和施工行业数据。
- KMZ - Keyhole标记语言,包含主KML文件及多个用ZIP格式打包成一个单元的支持文件。
- LDraw - 描述LEGO®积木和模型的格式。
- OBJ/MTL - 几何和材质定义文件格式,由Wavefront Technologies开发。
- PCD - 3D点云数据格式。
- PDB - 蛋白质数据库格式。
- PLY - 多边形文件格式,用于存储来自3D扫描仪的三维数据。
- PRWM - 打包的原始WebGL模型。
- STL - 立体光刻数据格式,源自3D Systems的CAD软件。
- SEA3D - 一种用于游戏开发的开源格式。
- Tilt Brush
- VOX — Voxlap游戏引擎使用的块状3D格式。
- VRML - 虚拟现实建模语言。
- VRM - 由VRM联盟制定的用于虚拟偶像的文件格式,基于glTF。
- VTK - 可视化工具包格式。
- X - DirectX文件格式。
动画:
- BVH - BioVision等设备对人体运动进行捕获后产生的角色动画文件格式。
- MD2 - 用于Quake II引擎。
- MMD - MikuMikuDance的文件格式。
图像:
- DDS - DirectX纹理压缩格式。
- EXR - OpenEXR,高动态范围栅格文件格式。
- GIF - 图形交换格式。
- HDR - RGBE 或 Radiance HDR。
- JPEG
- KTX,KTX2 - Khronos的纹理格式。
- Lottie - 用于创建网页动画的格式。
- NRRD - “接近原始栅格数据”格式。
- PNG - 可移植图形格式。
- PVR - 纹理压缩格式。
- SVG - 可缩放矢量图形。
- TGA - Truevision TGA光栅图形格式。
- WebP - WebP是由Google开发的一种图像格式,旨在取代JPEG、PNG和GIF文件格式。
字体:
|
导出格式 |
除glTF 2.0外,你还可以导出场景到以下格式:
- COLLADA
- MMD
- OBJ
- PLY
- STL
- USDZ
|
摄影机控制 |
下列是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类似
|