功能特性

Verge3D工具包功能特性列表

编译中 - m@funjoy

功能

特性描述

创建内容

Verge3D资产可通过以下工具创建:

  • Autodesk 3ds Max 2017-2020版本,安装Verge3D for 3ds Max插件。

  • Blender 2.79 及 2.80版,安装Verge3D for Blender插件

  • 任何支持导出glTF2.0格式数据的三维建模工具。

导出的文件亦可压缩为LZMA / XZ格式。

材质系统

Verge3D for 3ds Max支持的材质:

Verge3D for Blender支持的材质:

  • Eevee (仅限Blender 2.8)。

  • Cycles (Blender2.7与2.8均可)。

  • glTF-compliant PBR 符合glTF标准的PBR材质(Blender2.7与2.8均可)。

  • 标准内部材质(仅限Blender 2.7,已弃用)。

Lights and Shadows

Verge3D supports the following light types:

  • Directional Light

  • Point Light

  • Spot Light

  • Image-based Light - emitted from LDR and HDR maps.

  • Procedural Light - emitted from customized environment material.

  • Hemisphere Light - Verge3D for Blender only.

  • Rectangular Area Light - can be created with JavaScript.

Verge3D supports casting shadows from directional, point and spot light sources:

  • Basic non-smoothed shadows

  • PCF shadows

  • Smoothed PCF shadows

灯光与阴影

Verge3D支持以下灯光类型:

  • 平行光

  • 点光源

  • 聚光灯

  • 基于图像的光源——从LDR和HDR贴图发射

  • 程序光——从自定义的环境贴图发射

  • 半球光源——仅限Verge3D for Blender

  • 矩形面光源-可用Javascript创建

Verge3D支持从平行光、点光源和聚光灯投射阴影:

Verge3D supports casting shadows from directional, point and spot light sources:

  • 基本非平滑阴影

  • PCF阴影

  • 平滑PCF阴影

应用管理

应用管理器(App Manager)是一个轻量化的管理工具:

  • 基于模板创建新应用

  • 启动3d建模套件(Blender, 3ds Max)

  • 编辑与运行拼图逻辑(Puzzles logic)

  • 更新应用至Verge3D最新版

  • 在Verge3D云服务(Verge3D Network)中发布应用

  • 管理授权码

  • 访问Verge3D文档及支持渠道

应用管理器(App Manager)可以从Blender与3ds Max中直接打开。

动画

Verge3D支持以下类型的动画:

  • 基于骨骼驱动的动画

  • 对象变换动画,包括位置,旋转和缩放。

  • 材质参数动画。支持浮点和颜色参数。

  • 目标融合动画(Morph target animation),又称之形状帧动画(仅限于Verge3D for Blender)

可视化编程

Verge3D拼图系统(Verge3D Puzzles)是一种可视化逻辑环境,允许以拖放方式快速创建交互式场景,拥有以下模块:

  • 处理用户事件,例如鼠标点击/触摸,悬停和拖动;

  • 检索场景对象,动画,组和材质;

  • 移动/旋转/缩放3D对象,获得对象之间的距离;

  • 显示/隐藏对象;

  • 更改对象的层次结构;

  • 将2D文本注释(billboards)添加到场景中;

  • 改变材质参数,加载纹理;

  • 控制动画;

  • 移动,旋转相机;

  • 设置有源摄像头;

  • 动态加载资产;

  • 通过网络以JSON / CSV /文本格式上传/下载数据;

  • 加载用户图像;

  • 实现撤消/重做功能;

  • 填写和发送客户订单;

  • 检测用户功能,如浏览器,操作系统等;

  • 与用JavaScript编写的逻辑事件交互;

  • 执行基于计时器的事件;

  • 初始化虚拟现实会话环境;

  • 管理已加载页面的HTML / CSS布局;

  • 播放声音;

  • 模拟物理环境;

  • 启用后期特效处理;

  • 管理应用程序逻辑和数据;

  • 执行数学运算;

  • ……

编程

可以使用JavaScript修改应用程序源文件或通过在Puzzles中集成代码来添加应用程序功能。

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

发布

您可以通过以下方式发布您的创作内容:

  • 自有服务器;

  • 任意网络托管服务(亚马逊AWS、阿里云、腾讯云等);

  • Verge3D云服务(Verge3D );

  • Facebook(使用3D主题功能);

  • 使用Electron或Cordova框架创建的独立桌面或移动应用程序。

UI and HTML Layout

Interface layouts, created using external WYSIWYG editors, can be linked with Puzzles to trigger changes to a 3D scene being rendered in the browser and vice versa.

The following website builders are tested and known to work:

  • Webflow

  • Google Web Designer

UI与HTML布局

使用外部所见既所得编辑器(WYSIWYG editor)创建的界面布局可以与Puzzles链接,以触发对在浏览器中呈现的3D场景的更改,反之亦然。

以下网页设计工具已经过测试可用于Verge3D生产流程:

  • Webflow

  • Google Web Designer

服务器端功能

Verge3D附带了一个WordPress插件。WordPress是目前最流行的内容管理系统(CMS)。该插件包括以下功能:

  • 应用程序托管和发布(嵌入)

  • 长期文件存储

  • 完全可定制的电子商务系统,用于处理客户订单

除此之外,Puzzles可视化逻辑编辑器还支持通过网络以JSON,CSV或纯文本格式发送/检索数据的模块。

后期特效

拼图编辑器中可以启用以下特效:

  • 环境光遮蔽

  • 泛光效果(Bloom)

  • 亮度/对比度

  • 景深

  • 灰度

除此之外,可用JavaScript启用以下效果:

  • 自适应色调映射

  • 云隙光(也称为神光或圣光效果)

  • 增强的亚像素形态抗锯齿(SMAA)

  • 毛刺

  • 图像交叉淡化

  • 图像遮罩/掩蔽(Image Mask)

  • 运动模糊

  • 像素化图像

  • 索贝尔过滤器(Pixelated Imagery)

  • 超级采样抗锯齿(SSAA)

  • 时间性抗锯齿(TAA)

虚拟现实

支持WebXR和WebVR(通过兼容性支持模块)。

着色器

可以使用OpenGL ES着色语言2.0(WebGL 1.0)或3.0(WebGL 2.0)添加自定义着色器(Shaders)。

Physics

The physics module enables for collision detection, dynamically moving objects, support for characters and vehicles, springs, ropes and cloth simulation. As of version 2.11, physics simulations can be created and controlled without coding via Puzzles.

Audio

Background music and/or event sounds can be added with Sound Puzzles to be triggered by the user.

Demos and Examples

Over 150 coding examples and a series of fully-featured 3D apps including:

  • City - large urban environment with first-person controls and ground detection.

  • Custom Image - a virtual picture frame which allows uploading, storing and sharing your images.

  • Farmer's Journey - arcade browser game made without coding.

  • Industrial Robot VR - interactive robot simulator with VR capabilities.

  • Recliner - 3D configruator and ready-to-use e-commerce website.

  • Ring - simple 3D jewelry customizer with online ordering capabilities.

  • Scooter - advanced 3D configurator with realistic PBR materials and millions possible combinations.

  • Teapot Heater - non-trivial interactive 3D animation made with Puzzles.

Import Formats

In addition to glTF 2.0 you can import the following formats.

Geometry/Materials:

  • 3DS - older Autodesk 3ds Max file format

  • 3MF - 3D manufacturing format

  • AMF - Additive manufacturing file format

  • AWD - used in Away3D engine

  • babylon - used in Babylon.js engine

  • COLLADA

  • CTM - OpenCTM format

  • FBX

  • glTF 1.0 - legacy format, use glTF 2.0 instead

  • KMZ - Keyhole Markup Language

  • OBJ/MTL

  • PCD - 3D point cloud data format

  • PDB - Protein Data Bank format

  • PlayCanvas - JSON-based data format used in PlayCanvas engine

  • PLY - Polygon File Format, designed to store three-dimensional data from 3D scanners

  • PRWM - Packed Raw WebGL Model

  • STL - stereolithography data format, takes its origin from the CAD software by 3D Systems

  • SEA3D - an open-source format for game development

  • VRML - Virtual Reality Modeling Language

  • VRM - glTF-based 3D avatar format

  • VTK - Visualization Toolkit format

  • X - DirectX file format

Animation:

  • BVH - Biovision Hierarchy character animation file format

  • MD2 - used in Quake II engine

  • MMD - MikuMikuDance format

Images:

  • DDS - texture compression format

  • EXR - OpenEXR, high dynamic range raster file format

  • PVR - texture compression format

  • HDR - RGBE or Radiance HDR

  • KTX - texture format by Khronos

  • NRRD - "nearly raw raster data" format

  • SVG

  • TGA - Truevision TGA raster graphics format

  • TTF

Export Formats

In addition to glTF 2.0 you can export to the following formats:

  • COLLADA

  • MMD

  • OBJ

  • PLY

  • STL

Camera Controls

These camera control modes are available out-of-the-box:

  • Orbit Controls - targeted 3D view

  • Flying Controls - free-flight view

  • First-Person Controls

  • Virtual Reality Controls

These camera control modes can be enabled with JavaScript:

  • Flyover Controls

  • Pointerlock Controls

  • Device Orientation Controls - implements gyroscope-driven view

  • Map Controls - hovering camera

  • Trackball Controls

3D Primitives

You can load geometry exported from any modelling suite. In addition to that, the following 3D primitives can be created with JavaScript:

  • Cone

  • Convex Hull

  • Cube (Box)

  • Cylinder

  • Dodecahedron - a polyhedron with twelve flat faces

  • Extruded Shape

  • Icosahedron - a polyhedron with 20 faces

  • NURBS

  • Octahedron - a polyhedron with eight faces

  • Plane

  • Ring

  • Sphere

  • Tetrahedron - a triangular pyramid

  • Polyhedron

  • Spline Curve

  • Text

  • Torus

  • Tube

  • Utah Teapot

  • Wireframe