Launch Volume Designer (Alpha)

About Volume Designer

Baked, procedural, portable volumes

Unless your users are great fans of downloading 100s of MB of data, OpenVDB file format is not very practical in the browser. While WebGL and Three.js are technically capable of rendering your high-tech Houdini flamethrower simulation - there is no easy or practical way of doing so, without downloading giant files and writing custom shaders.

Volume Designer aims to help you with the following:

Loading and modifying OpenVDB (.vdb) files directly in Three.js.
Creating a procedural workflow for volumetric shapes.
Applying masks and movement to the volumes in Three.js.
Creating custom volumetric clouds and what-not in the browser, without using external software.
Baking volumes at various resolutions, reducing the file sizes dramatically compared to using .vdb directly.

Compatible with:

About OpenVDB

Web implementation of volumetric grids

Due to shader incompatibility, currently focused only on Three.js. For full description and documentation head to the Github repo.

Quick show reel of the supported features:

VDB File Loader
Supports multiple grids, fogs, level sets, compression, etc.
Precise Volumetric BBOX
Based on VDB sparse volumetric grids.
Primitive Volumes
Cube, sphere, noise, and parametric volumes.
Three.js Lighting Support
Point, spot, hemisphere, directional, and environment lights support.
MeshVolume
Able to convert GlTF, FBX, and other mesh formats into volumetic grids.
Depth Testing
Allowing the volumes to work together with meshes in the same scene.
Latest Build: 0.2.x
Three.js Version: 0.150.x
Documentation: here
Report Issues: here