Settings | Camera settings

Defines the volume within which shadows are rendered. Larger values increase coverage but reduce precision.

Offsets the shadow camera position relative to the scene origin. Useful for fine-tuning shadow alignment.

Prevents common shadow artifacts such as shadow acne (self-shadowing) and peter-panning (detached shadows). The optimal value depends on scene scale and shadow camera size.

Enables smooth interpolation during manual rotation.

Duration of the rotation animation in milliseconds.

Update frequency of the tween animation in milliseconds.

Interpolation curve (e.g. Cubic).

Direction of easing (e.g. Out).

Enables smooth camera switching animations.

Duration of the camera switch animation in milliseconds.

Interpolation curve (e.g. Cubic).

Easing behavior (e.g. In/Out).

Vertical rotation limits (up/down).

Camera pitch on initial load. Must be within min/max range.

Horizontal rotation limits (left/right).

Camera yaw on initial load. Must be within min/max range.

Rotation of the camera around its viewing axis (barrel roll).

Automatically adjusts zoom to fit the product within its bounding box.

Defines allowed zoom range.

Zoom level when the scene is first loaded.

Near clipping plane. Lower values allow closer zoom without clipping geometry.

Far clipping plane. Higher values support larger scenes.

Camera lens angle. Higher values give a wider view; lower values appear more zoomed in.

Shifts the camera’s focus point away from the default origin (0,0,0). Useful for asymmetrical products.

Linear (default)

Overall brightness multiplier. Default: 1

Reference white value. Default: 1

Intensity of the bloom effect.

Distance over which light feathers outward.

Brightness threshold at which bloom starts to appear.

Radius of the occlusion sampling area.

Minimum depth difference for occlusion detection. Smaller values increase detail but may add noise.

Maximum depth difference for occlusion detection. Larger values increase reach but may cause unrealistic occlusion.

Debug view (Default, SSAO only, Blur, Depth, Normal).

Reduces AO artifacts caused by depth precision limits.

Overall strength of the occlusion effect.

Controls AO range and size.

Smoothness of the AO effect.

Minimum resolution threshold for AO calculations.

Blur spread radius.

Blur standard deviation.

Depth threshold beyond which blur is not applied.

Enables or disables Screen Space Reflections for the scene.

Enables multi-bounce reflection simulation. Increases realism but has a higher performance cost.

Applies Fresnel-based blending so reflections become stronger at grazing angles and weaker when viewed head-on. Improves physical realism.

Applies a blur to the reflection buffer, softening reflections and reducing visual artifacts.

Applies a large fixed thickness to all pixels. Improves reflection stability but may introduce linear distortions.

Controls the intersection tolerance used when calculating reflections. Higher values improve robustness but reduce accuracy.

Enables fading of reflections based on distance from their source.

Maximum distance over which reflections are evaluated. Reflections fade out beyond this value.

Controls the transparency and overall visual strength of the SSR effect.

Defines what is rendered to the viewport (Default, SSR, Beauty, Depth, Normal, Metalness). Mainly used for debugging and analysis.

Enables Subpixel Morphological Anti-Aliasing. SMAA detects and smooths edges in screen space, offering a good balance between visual quality and performance.

Enables Fast Approximate Anti-Aliasing. FXAA smooths edges using a fast post-processing pass.

Renders the scene at a higher resolution and downsamples it to the canvas size. Higher values improve image quality but significantly increase GPU load.

Number of samples per pixel used during rasterization. Typical values are 2, 4, or 8. A value of 0 disables MSAA.

Prevents the browser from applying blur when the canvas is scaled or resized, preserving pixel sharpness.

Desktop users can zoom in two ways: using the mouse scroll wheel or by pressing Ctrl in combination with the mouse scroll wheel. On mobile devices, the zoom functionality is exclusively available through a pinch gesture.

Activates or deactivates the zoom function.

On desktop, rotation is achieved by holding the left mouse button and moving the mouse. For mobile devices, rotation can be set to either a one-finger or two-finger gesture for manipulating the visualization.

Displays performance metrics (FPS, MS, MB).

Logging verbosity (default: warning).

Switch between Model and Scene rendering.

You have the option to configure your 3D scene, including aspects like light sources and shadows, using the three.js editor. (https://threejs.org/editor/)

Once you have configured the scene in three.js, export the scene. The resulting Json data can then be imported into the graph editor by selecting the 'Edit Three Scene' option."

It is recommended to exclude 3D geometries from the Json data and focus solely on light sources and shadow configurations.

This action resets all custom settings, reverting the camera and scene back to their default configurations.