Advanced Fiber Visualization with WebGPU
A high-performance 3D visualization system for rendering complex fiber networks using cutting-edge WebGPU technology. The project implements order-independent transparency through a K-buffer approach, enabling accurate rendering of thousands of overlapping transparent tubes with proper depth sorting and lighting.
Key Features:
Real-time order-independent transparency with K-buffer implementation and compute-based sorting for flicker-free (mostly) rendering. Data-driven visualization with dynamic color, radius, and alpha mapping. Ray-marched tube rendering using smooth cylindrical geometry with ray-cone intersection for pixel-perfect results. Simple Blinn-Phong lighting with directional and ambient components plus specular highlights for photorealistic shading. Infinite grid overlay with shader-based ground plane, distance fading, and axis visualization. GPU-accelerated billboard generation using compute shaders for view-aligned geometry expansion. Custom model loading using Assimp. The model's vertices are being used to generate the tubes
Built entirely with WebGPU and WGSL, the renderer employs a multi-pass architecture: K-buffer initialization through compute shaders, billboard generation from line segments, background and grid rendering, tube rendering with ray-traced cone intersections and atomic K-buffer insertion, per-pixel fragment sorting in compute shaders, and final back-to-front alpha blending compositing.
Technologies:
WebGPU, WGSL, GLM for vector and matrix operations, ImGui for real-time parameter control and viewport rendering, and modern C++20 with smart pointers.