flame
A free shader demo — play it in your browser, no install. 🔥 焰 · Raymarched volumetric flame — Three.js + TypeScript 实时体积火焰动画，颜色/大小/湍流实时可调
Vote and save it — free account with email or sign in with GitHub
Made this, @rethinkos-playground? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Arrow keys · Mouse · Tap
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
纯 GLSL 光线步进（Raymarching）渲染的体积火焰：FBM 噪声侵蚀 + 泪滴形包络 + 温度驱动的黑体色梯度，配合余烬粒子、烟雾、地面光池与 UnrealBloom 泛光，所有参数均可实时调节。
🎨 颜色可调 — 焰心色 / 焰边色双色拾取（黑体辐射式四段色带：暗红余烬 → 焰边 → 焰心 → 白热），内置 6 组预设（经典烈焰、幽蓝冰焰、翡翠毒焰、紫狱冥火、青碧魂火、炽白等离子）. 📐 大小可调 — 火焰整体缩放（0.4x ~ 2.4x），噪声频率随尺寸联动，形态比例始终一致。 🌪 拟真形态 — 参考 Inigo Quilez 的 domain warping：ridged 噪声折叠域产生卷曲火舌；浮力加速平流让焰尖拉伸加速；螺旋 swirl + 高频轮廓侵蚀打破光滑锥体；全局燃料脉动模拟"呼吸". ✨ 氛围效果 — 体积烟雾（受火焰照亮）、GPU 余烬火星、地面光池反射、Bloom 泛光、ACES 色调映射。
⚡ 性能 — 体积光线步进在半分辨率 HDR target 中渲染后全分辨率合成（像素量 ÷4）、FBM 3 octaves、空白跳过（火焰锥外不评估任何噪声）、画质三档（84/64/44 步）+ FPS 自适应降档 + 自适应 DPR.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
allanhert portfolio
Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
shaderflow
Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.
- morph A generative design studio for procedural 3D sculpture. Five families of mathematical surfaces, a physically based material system and an editorial…
pixel shader academy
Pixel Shader Academy — landing site. Learn GLSL fragment shaders, stage by stage. Demo: shader.dolstep.com
- raymarchcity Audio-driven raymarched night city — the whole thing in one fragment shader. Drop in an mp3.
- afterglow The road ahead, in the last of the light.
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
