WebGL Fire Simulation

Creative

webgl graphics demo

SHOW HN2016

WebGL Fire Simulation

Yes, the actual burning fuel part is just random noise, which doesn't look very very good.

ghostinthecode.net

#webgl#fire simulation#shader#javascript graphics

143points
23comments
#239of 2,264 in 2016
Top 11%of 2016 by points

How HN took it

MixedNo clear lean

4 positive, 6 neutral or asking, 1 mixed, 2 critical, out of 13 comments about the project. Thread score +0.12.

Performance: 3 for, 1 againstDesign: 0 for, 1 againstExecution: 1 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Impressive, looks great and works well on various hardware

    From 4 comments
    • Nothing will ever impress me more than this WebGL fire / explosion effect: http://glslsandbox.com/e#33550.0 Warning: may melt your GPU.
      kbirk on HN
    • It worked beautiful on my Intel HD 4000, though setting the "quality" to 1 or 0.5 did slow things down quite a bit.
      dr_zoidberg on HN
    • Works surprisingly well on iOS actually! Not as good as desktop but the effect is impressive
      abritinthebay on HN
    • Nice work. Effects like these are a great example of programmers combining theory, art, and creative optimizations.
      WhitneyLand on HN

Objections

  • Burning fuel part looks like noisy static

    From 1 comment
  • Very heavy on GPU, may crash or overheat drivers

    From 2 comments
    • This crashed my NVIDIA driver.
      n00b101 on HN
    • Warning: may melt your GPU. You're not wrong. That put a workstation-class GPU in a water-cooled system up about 20 degrees C within a few seconds. And it was still not fast…
      Silhouette on HN

Requests

  • Version for selected text

    From 1 comment
  • Shadertoy version

    From 1 comment
    • do you have a shadertoy version of this for comparison? i took this one by ozzy https://www.shadertoy.com/view/lsSGWw and tweaked a few things by hand for optimization. saved a…
      steaminghacker on HN

Questions

  • Is there a way to see the result without WebGL?

    From 1 comment

Alternatives named

  • Shadertoy fire shader by ozzy

    From 1 comment
    • do you have a shadertoy version of this for comparison? i took this one by ozzy https://www.shadertoy.com/view/lsSGWw and tweaked a few things by hand for optimization. saved a…
      steaminghacker on HN
  • Canvas JavaScript old-school fire demo

    From 1 comment
    • Did something similar a few years ago... a port of the classic demo effect to JS/Canvas :) https://jstsch.com/post/old-skool_fire_demo_effect_in_javascriptcanvas
      jstsch on HN
  • CSS3 pure fire effect

    From 1 comment
    • Takes me back to the time of Netscape 2.0 where webpages were not complete without a fire.gif background :) BTW did a pure CSS3 fire a while ago too: http://pag.es/fire/test.html
      velcro on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/12312196)