Volume Shader LogoVolume Shader

How to Use Volume Shader BM

Complete guide to GPU benchmarking with WebGL volume rendering. Learn how to test your graphics card performance and optimize settings.

Quick Start Guide

1

Access the Benchmark

Navigate to the GPU test page. No installation required - runs directly in your browser with WebGL support.

2

Choose Your Preset

Select from Ultra Low to Very High based on your GPU. Start with Ultra Low for modest hardware, High for enthusiast cards.

3

Run & Analyze

Click Start Benchmark and watch FPS metrics. Let it run 30-60 seconds for stable readings. Export results to CSV.

Understanding the Controls

Kernel Iterations (1-15)

Controls the fractal detail level in the Mandelbulb rendering. Higher values create more intricate details but significantly impact performance.

Low (2-4)

Smooth approximation, best FPS

Medium (5-7)

Balanced detail and performance

High (10-15)

Maximum detail, GPU stress test

Step Size (0.0005 - 0.01)

Ray marching sampling stride. Controls the distance between each sample point along the ray.

  • Smaller (0.0005): More accurate intersections, slower rendering
  • Larger (0.01): Faster performance, possible artifacts

Resolution Scale (0.25x - 2.0x)

Rendering resolution multiplier. Base resolution is 1024×1024 pixels.

ScaleResolutionUse Case
0.25x256×256Mobile GPUs, integrated graphics
1.0x1024×1024Standard benchmark baseline
2.0x2048×2048High-end GPUs stress test

How to Make Volume Shader BM Fast

7 Steps to Optimize Performance

  1. 1

    Start with Ultra Low Preset

    Use 2 kernel iterations and 0.25x resolution for modest GPUs

  2. 2

    Close Background Applications

    Free up GPU resources by closing other GPU-intensive apps and browser tabs

  3. 3

    Lower Resolution Scale

    Reduce to 0.5x or 0.75x for immediate FPS boost

  4. 4

    Decrease Kernel Iterations

    Set to 2-4 for smooth performance on mid-range hardware

  5. 5

    Update GPU Drivers

    Ensure latest graphics drivers for optimal WebGL performance

  6. 6

    Use Chrome or Edge Browser

    Best WebGL performance with ANGLE renderer backend

  7. 7

    Enable Hardware Acceleration

    Check browser settings: chrome://settings → Advanced → System

Mobile Device Tips

  • Use touch gestures: single finger to rotate, pinch to zoom
  • Enable high-performance mode in device settings
  • Plug into AC power to prevent thermal throttling
  • Start with Ultra Low preset on phones and tablets

Troubleshooting Common Issues

Low FPS on high-end GPU?

Check if other applications are using GPU resources. Ensure GPU drivers are up to date and hardware acceleration is enabled in browser settings.

Solution: Close background apps, update drivers, check GPU usage in Task Manager

WebGL not supported error?

Your browser may not have WebGL enabled or your GPU may not support it.

Solution: Update browser to latest version, enable WebGL in chrome://flags, or try a different browser

Black screen or no rendering?

Shader compilation may have failed or GPU driver issue.

Solution: Refresh the page, clear browser cache, update GPU drivers, try different preset

How to make Volume Shader no lag?

Persistent lag indicates GPU is overwhelmed by current settings.

Solution: Lower all settings (Ultra Low preset), reduce resolution to 0.25x, increase step size to 0.008, reduce iterations to 2

Understanding Your Results

FPS (Frames Per Second)

Higher is better. Indicates how many frames your GPU can render each second.

60+ FPSExcellent
30-60 FPSGood
<30 FPSNeeds Optimization

Frame Time (ms)

Lower is better. Time to render each frame in milliseconds.

<16.6ms60+ FPS capable
16.6-33ms30-60 FPS range
>33ms<30 FPS

FPS Min/Max

Performance stability indicator. Closer values mean steadier performance. Large gaps indicate inconsistent frame delivery.

GPU Information

Detected graphics card model. Helps identify your hardware for comparison with other users' results.

Exporting and Sharing Results

Export to CSV

Click "Export Results" to download a CSV file containing:

  • FPS average, min, max
  • Frame time in milliseconds
  • GPU model and driver info
  • All render settings used

Share on Social Media

Share your benchmark results directly to:

  • Facebook - auto-generated post with FPS
  • X/Twitter - formatted tweet with stats
  • Copy link - share anywhere

Ready to Test Your GPU?

Put your knowledge to practice and benchmark your graphics card now