Volume Shader
Learning center

Learn volume shaders, ray marching, and browser GPU benchmarks

Start with the concepts behind volumetric rendering, then connect them to WebGL and Volume Shader BM results you can run in your browser.

Volume shaders

Render fog, smoke, clouds, fire, and other media that occupy space rather than only surfaces.

Ray marching

Sample a scene step by step along a ray, then accumulate density, light, and color.

Benchmarking

Use fixed presets, frame time, and browser notes to make shader-heavy comparisons more useful.
Fundamentals
8 min read

Volume Shaders: How Volumetric Rendering Works in WebGL

Learn how volume shaders render fog, smoke, clouds, and dense media in WebGL. Covers ray marching, GPU cost, benchmark value, and common performance limits.

Read guide
Rendering
9 min read

Ray Marching: How Volume Shaders Sample Space in WebGL

Learn ray marching for volume shaders in WebGL. Covers rays, step size, density sampling, early exit, GLSL loops, and the FPS tradeoffs in browser rendering.

Read guide
WebGL
8 min read

WebGL Volume Rendering: How Browser GPU Shaders Work

Learn WebGL volume rendering in the browser. Covers GLSL setup, full-screen passes, uniforms, frame cadence, GPU timing signals, and benchmark limits.

Read guide
Benchmarking
8 min read

Volume Shader BM vs 3DMark: Browser GPU Testing Guide

Compare Volume Shader BM vs 3DMark for GPU testing. Learn what browser shader results show, what native suites measure, and when to use each benchmark.

Read guide
Benchmarking
8 min read

Compare Volume Shader BM Results: FPS and Frame Time Guide

Learn how to compare Volume Shader BM results. Covers FPS, frame time, 1% low, browser settings, power mode, thermal notes, and fair repeatable test runs.

Read guide
Benchmarking
6 min read

Volume Shader BM GitHub and cznull Source Guide

Find the original cznull Volume Shader BM demo, the GitHub Pages source, and how this browser GPU benchmark guide relates to the public vsbm code.

Read guide
Mobile
7 min read

Volume Shader BM Phone Test: Mobile WebGL Benchmark Guide

Learn how to run Volume Shader BM on phones and tablets. Covers safe presets, thermal throttling, browser settings, battery mode, and mobile WebGL limits.

Read guide
Methodology
8 min read

Thermal Throttling: How Browser GPU Benchmarks Drift

Learn how thermal throttling affects browser GPU benchmarks. Covers heat, boost clocks, power profiles, sustained WebGL workloads, and clear result labels.

Read guide
WebGL
9 min read

WebGL vs WebGPU: Benchmark Differences for Shader Tests

Compare WebGL vs WebGPU benchmarks for shader workloads. Covers browser support, timing, portability, API differences, and Volume Shader BM result scope.

Read guide
Benchmarking
11 min read

Online GPU Benchmark Test: Browser-Based WebGL Guide

Run an online GPU benchmark test in the browser and understand what WebGL FPS, frame time, device thermals, and repeatable settings can tell you.

Read guide
Mobile
11 min read

Mobile GPU Benchmark Test: Phone FPS and Thermal Guide

Use a mobile GPU benchmark test to compare phone and tablet WebGL performance, sustained FPS, browser behavior, and thermal throttling safely.

Read guide
Benchmarking
12 min read

GPU Stress Test Online: FPS Stability and WebGL Load Guide

Run a GPU stress test online with a WebGL shader workload and learn how to read FPS stability, frame-time drift, thermals, and browser limits.

Read guide