60 FPS
✨ Generative Art & Creative WebGL Lab

探索数字维度的物理美学
& 实时交互式生成艺术

专注于 HTML5 Canvas 粒子动力学、GPU 着色器渲染与现代 Web 交互体验设计。移动鼠标或轻击屏幕,直接与背景空间发生量子引力扰动。

试着在屏幕上移动或点击鼠标,触发物理冲击波涟漪

GravityField.js

轻量级 60FPS 浏览器端 2D 粒子引力与碰撞检测物理引擎,支持弹性动量传递与鼠标力场交互。

HTML5 Canvas Verlet Physics ES6 Modules

RayMarching Shaders

基于 WebGL 2.0 的实时光线步进体积渲染器,在 Web 端渲染复杂的非欧几里得几何与折射材质。

GLSL 3.0 WebGL 2 SDF Math

ChromaAudio Visualizer

结合 Web Audio API 的音频频域频谱可视化工具,将麦克风输入实时转化为三维动态粒子云。

Web Audio Fast Fourier Transform AudioReactive