Underlying Technologies

• Dev. Environment

  • HTML, CSS, Javascript, C++

  • Node.js, Npm, GitHub, VSCode, WebGL(three.js), GLSL Shaders

  • GPGPU (for parallel computing), PBR(physically-based rendering)

• Dev. Modules

  • Raymarching, Tween, 3D Volume Rendering, Isosurface Polygonizer

  • Fast Delaunay Triangulation, Radial Basis Function (RBF), 

  • Kd-Tree and Sparse-Octree, High-Performance Linear Algebra

 

Nature assets

This application provides 23 different kinds of realistic natures for non-experts. They are sunlight, sky (sky dome), clouds (cloud dome), snows, rain, boids(e.g., a school of fish), curl noise, curl particles, bubbles (sprite bubbles), smoke, volume fire, fire particles, tree, tufts(e.g., flower, grass), water, ocean, ground, terrain, GPU particles, and ray marching-based natures (e.g., terrain, tunnel, galaxy, mountains, canyon, caves, sea, river, forest, fish, etc)”. Note that the ray marching-based natures were inspired by Shadertoy

​

Undo / redo

The undo function is used to erase the last change done to the document reverting it to an older state. And redo is used to rerun the recent actions you undid. Note that there is no limit to the number of undo operations.

 

Auto save

Like Google documents, all changed data is automatically saved. Note that if the data size exceeds the capacity of your web browser used, the storage may fail. In this case, you need to use the pop-up menu (File > Save As) to save the changed data.

 

Scene graph

In a scene graph with a tree structure, a node marked with a check box is a parent node having a child node, and a node without a check box is a leaf node. Each node has a colored box preceded by its name, and if it is a mesh, there is a blue node pointing to the geometry and a green node pointing to the material next to it. The selected node is displayed in red, and you can edit the details of that node through the right-click context menu.

 

MatCap material library

You can apply Matcap material to an object using the Matcap material library of 50 textures. Note that a custom material map can be also applied by dropping it to the last element of material drop zone.

 

Normal map library

You can adjust the normal map of material through the 26 normal textures and normal scale adjustments.

​

Boolean operations

• union: it obtains the union of two meshes.

• intersect: it gets the intersection of two meshes.

• subtract: tt obtains the difference set between two meshes.

​

Context menu

The context menus appears when selecting objects by mouse right-clicking. You can edit various properties of the 3D model using this context menu.

​

Importing files

You can load 3D model files using the pop-up menu (FILE > Open Files...) or drag & drop them to your web browser. Supported file formats are JSON, OBJ(+MTL), STL, PLY, DAE(COLLADA), GLTF, GLB, AMF, 3MF, WRL(VRML), and FBX.