# radiance cascade

**Repository Path**: alienity/radiance-cascade

## Basic Information

- **Project Name**: radiance cascade
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-06
- **Last Updated**: 2026-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Radiance Cascades 2D

基于 WebGPU 的 Radiance Cascades 实时全局光照 2D 演示。

用户用鼠标在画布上画发光线段，光照通过 probe-based ray marching 实时传播。支持 DDA（逐像素精确）和固定步长两种 ray march 模式，可调 probe 间距、射线数、级联层数等参数。

## 技术要点

- **Radiance Cascades** — 多级联 probe grid + ray march + 级联合成（alpha-weighted merge）
- **SDF 线段笔刷** — 基于有向距离场的线段绘制
- **全 GPU compute pipeline** — 6 个 WGSL compute/render shader，CPU 仅做参数更新和 dispatch
- **GPU timestamp 性能测量** — 可选各 pass 耗时统计

## 快速开始

```bash
npm install
npm run dev      # http://localhost:3080
```

## 浏览器要求

- Chrome 113+ 或 Edge 113+（需要 WebGPU 支持）

## 参考

- [flatland-2d.js](https://tmpvar.com/poc/radiance-cascades/flatland-2d/flatland-2d.js) — 参考实现
- [Radiance Cascades (fad)](https://www.shadertoy.com/view/mtlBzX) — ShaderToy 原版
- [Radiance Cascades: A Novel Approach to Calculating Global Illumination](https://drive.google.com/file/d/1L6v1_7HY2X-LV3Ofb6oyTIxgEaP4LOI6/view) — 论文