Verge3D Features

Below is the list of Verge3D's major features and capabilities:

Video Overview

Content Creation

Verge3D assets can be created with:
  • Autodesk 3ds Max 2017-2020 with Verge3D for 3ds Max plug-in.
  • Blender 2.79 and 2.80 with Verge3D for Blender addon.
  • Any modelling package supporting export to glTF 2.0 format.
  • Any 3D graphics software supporting export to 20+ import formats including FBX, OBJ, COLLADA, and 3DS.
The exported files can additionaly be compressed to the LZMA/XZ format.

Material System

Materials supported in Verge3D for 3ds Max: Materials supported in Verge3D for Blender:

Lights and Shadows

Verge3D supports the following light types:
  • Directional Light
  • Point Light
  • Spot Light
  • Image-based Light - emitted from LDR or HDR maps.
  • Procedural Light - emitted from customized environment material.
  • Hemisphere Light - supported in Blender 2.79 only.
  • Rectangular Area Light - can be created and assigned to the scene using JavaScript.
Verge3D supports casting shadows from directional, point and spot light sources:
  • Basic non-smoothed shadows
  • PCF shadows
  • Smoothed PCF shadows

App Management

App Manager is a lightweight tool capable of:
  • Creating new applications based on provided templates.
  • Running applications and 3D modelling suites (Blender, 3ds Max).
  • Editing and running Puzzles logic.
  • Updating apps to new Verge3D versions.
  • Publising applications on Verge3D Network.
  • Managing licensing keys.
  • Accessing Verge3D documentation and support channels.
App Manager can be easily accessed right from Blender and 3ds Max.

Animation

Verge3D supports the following types of animation:
  • Skeletal armature-based animation.
  • Object transform animation, including position, rotation and scale.
  • Material params animation. Supported float and color parameters.
  • Morph target animation, also known as shape keys (Verge3D for Blender only).

Visual Programming

Verge3D Puzzles is a visual logic environment which allows for quick creation of interactive scenarios in a drag-and-drop fashion. It features blocks for:
  • Handing user events, such as mouse clicks/touches, hovering and dragging.
  • Retrieving scene objects, animations, groups and materials.
  • Moving/rotating/scaling 3D objects, getting distance between objects.
  • Showing/hiding objects.
  • Changing objects' hierarchy.
  • Adding 2D textual annotations (billboards) to the scene.
  • Changing material params, loading textures.
  • Controlling animations.
  • Moving, rotating cameras. Setting the active camera.
  • Dynamically loading assets.
  • Uploading/downloading data over network in JSON/CSV/Text format.
  • Loading user images.
  • Implementing Undo/Redo feature.
  • Composing and sending customer orders.
  • Detecting user capabilities such as browser, OS etc.
  • Interacting with logic written in JavaScript.
  • Executing timer-based events.
  • Initializing Virtual Reality sessions.
  • Managing HTML/CSS layouts of the loaded page.
  • Playing sounds.
  • Simulating physics environments.
  • Enabling post-processing effects.
  • Managing app logic and data.
  • Doing math.

Programming

Application functionality can be added via JavaScript by modifying application sources or by integrating code in Puzzles.

Verge3D is based on open-source library Three.js and exposes its API via v3d or THREE namespace. Therefore, it is possible to reuse any existing Three.js code with Verge3D.

Publishing

You can distribute your content using:
  • You own server.
  • Any web hosting service (GoDaddy, DigitalOcean, Amazon AWS etc).
  • Verge3D Network.
  • Facebook (by using the 3D posts feature).
  • As stand-alone desktop or mobile application created with Electron or Cordova frameworks.

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

Server-Side Features and Networking

Verge3D comes with a plug-in for WordPress, the most popular content management system (CMS) in use. The plug-in includes the following features:
  • Application hosting and publishing (embedding).
  • Persistent file storage.
  • Fully customizable e-commerce system for processing customer orders.
In addition to that, the Puzzles visual logic editor supports blocks for sending/retrieving data over network in JSON, CSV or plain text format.

Post-processing effects

The following effects can be enabled with Puzzles:
  • Ambient Occlusion
  • Bloom
  • Brightness/Contrast
  • Depth of Field
  • Grayscale
  • Outline
  • Supersampling Anti-Aliasing (SSAA)
In addition, the following effects can be enabled with JavaScript:
  • Adaptive Tone Mapping
  • Crepuscular Rays (also known as sunbeams or god rays)
  • Enhanced Subpixel Morphological Anti-Aliasing (SMAA)
  • Glitch
  • Image Crossfading
  • Image Masking
  • Motion Blur
  • Pixelated Imagery
  • Sobel Filter
  • Temporal Anti-Aliasing (TAA)

Virtual Reality

The following VR technologies are supported:

  • WebXR
  • WebVR - via compatibility module.
  • Cardboard - on mobile devices which does not suppot WebXR/WebVR standards yet.
  • Anaglyph 3D - implemented on top of stereo camera, can be activated using JavaScript.

Shaders

Custom shaders can be added using OpenGL ES Shading Language 2.0 (WebGL 1.0) or 3.0 (WebGL 2.0).

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:
  • Circle
  • Cone
  • Convex Hull
  • Cube (Box)
  • Cylinder
  • Dodecahedron - a polyhedron with twelve flat faces.
  • Extruded Shape
  • Icosahedron - a polyhedron with 20 faces.
  • Font - procedural text generated from typeface.json fonts.
  • Lathe (Vase) - a 3D privitive with axial symmetry.
  • Line
  • NURBS
  • Octahedron - a polyhedron with eight faces.
  • Plane
  • Ring
  • Sphere
  • Spline Curve
  • Tetrahedron - a triangular pyramid.
  • Polyhedron
  • Text
  • Torus
  • Tube
  • Utah Teapot
  • Wireframe

What's Next

Want to see Verge3D in action? Check out the Gallery of the most remarkable applications made with Verge3D.