[{"data":1,"prerenderedAt":244},["ShallowReactive",2],{"project-12312196":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":43,"post_text":45,"what":46,"said":55,"maker_in_thread":138,"shape":146,"grid":150,"attempts":206,"same_week":207,"maker_shows":33,"maker_hidden":236,"reader_version":237,"card":238},"12312196","WebGL Fire Simulation","Yes, the actual burning fuel part is just random noise, which doesn't look very very good.","maker","Show HN: WebGL Fire Simulation","http:\u002F\u002Fghostinthecode.net\u002F2016\u002F08\u002F17\u002Ffire.html","ghostinthecode.net","jharsman",1471525870,2016,143,23,239,2264,11,"notable","creative","webgl graphics demo","web_app",[24,25,26,27],"webgl","fire simulation","shader","javascript graphics","mixed",0.115,{"positive":31,"neutral":32,"mixed":33,"critical":34},4,6,1,2,13,{"performance":37,"design":39,"execution":41,"idea":42},{"positive":38,"critical":33},3,{"positive":40,"critical":33},0,{"positive":33,"critical":40},{"positive":40,"critical":40},[44,33,44,38,44,40,40,40,33,40,38,40,40,40,38,44,38,38,40,40,38,38],5,null,{"problem":45,"audience":45,"pricing":45,"motivation":45,"time_to_build":45,"stack":47,"openness":54,"stage":54,"team_size":54},[48],{"value":49,"source":50,"evidence":51},"WebGL","inferred",[52],{"id":53},"post","unknown",{"praise":56,"objections":77,"requests":96,"questions":111,"alternatives":119},[57],{"value":58,"source":59,"evidence":60},"Impressive, looks great and works well on various hardware","commenter",[61,65,69,73],{"id":62,"by":63,"text":64},"12313728","kbirk","Nothing will ever impress me more than this WebGL fire \u002F explosion effect: http:\u002F\u002Fglslsandbox.com\u002Fe#33550.0 Warning: may melt your GPU.",{"id":66,"by":67,"text":68},"12314423","dr_zoidberg","It worked beautiful on my Intel HD 4000, though setting the \"quality\" to 1 or 0.5 did slow things down quite a bit.",{"id":70,"by":71,"text":72},"12320469","abritinthebay","Works surprisingly well on iOS actually! Not as good as desktop but the effect is impressive",{"id":74,"by":75,"text":76},"12312817","WhitneyLand","Nice work. Effects like these are a great example of programmers combining theory, art, and creative optimizations.",[78,85],{"value":79,"source":59,"evidence":80},"Burning fuel part looks like noisy static",[81],{"id":82,"by":83,"text":84},"12313229","andypants","Parts of it look way too noisy, like TV static.",{"value":86,"source":59,"evidence":87},"Very heavy on GPU, may crash or overheat drivers",[88,92],{"id":89,"by":90,"text":91},"12313833","n00b101","This crashed my NVIDIA driver.",{"id":93,"by":94,"text":95},"12315437","Silhouette","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…",[97,104],{"value":98,"source":59,"evidence":99},"Version for selected text",[100],{"id":101,"by":102,"text":103},"12315802","uwu","can i have this for selected text?",{"value":105,"source":59,"evidence":106},"Shadertoy version",[107],{"id":108,"by":109,"text":110},"12312367","steaminghacker","do you have a shadertoy version of this for comparison? i took this one by ozzy https:\u002F\u002Fwww.shadertoy.com\u002Fview\u002FlsSGWw and tweaked a few things by hand for optimization. saved a…",[112],{"value":113,"source":59,"evidence":114},"Is there a way to see the result without WebGL?",[115],{"id":116,"by":117,"text":118},"12317250","mirimir","Is there any way to see the result without WebGL?",[120,124,131],{"value":121,"source":59,"evidence":122},"Shadertoy fire shader by ozzy",[123],{"id":108,"by":109,"text":110},{"value":125,"source":59,"evidence":126},"Canvas JavaScript old-school fire demo",[127],{"id":128,"by":129,"text":130},"12312784","jstsch","Did something similar a few years ago... a port of the classic demo effect to JS\u002FCanvas :) https:\u002F\u002Fjstsch.com\u002Fpost\u002Fold-skool_fire_demo_effect_in_javascriptcanvas",{"value":132,"source":59,"evidence":133},"CSS3 pure fire effect",[134],{"id":135,"by":136,"text":137},"12316512","velcro","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:\u002F\u002Fpag.es\u002Ffire\u002Ftest.html",{"comments":34,"answered":33,"key":139},[140,143],{"id":141,"text":142},"12314226","Yes, the actual burning fuel part is just random noise, which doesn't look very very good. I mention it as a possible imrpovement under \"Better looking fuel\".",{"id":144,"text":145},"12312440","I can't get your example code to work, but that is a completely different technique, ray marching a volume displaced by a noise function. This gives nice 3D-looking flames, but…",{"commenters":147,"max_depth":38,"maker_replies":34,"first_comment_mins":148,"lifespan_hours":149},20,28,26,[151,153,155,156,158,159,161,162,166,168,170,174,177,180,183,187,190,193,197,198,201,204],[62,40,44,152,63,40],"project\u002Fpositive\u002Fperformance",[89,40,33,154,90,40],"project\u002Fcritical\u002Fperformance",[66,40,44,152,67,40],[93,40,38,157,94,40],"project\u002Fmixed\u002Fperformance",[70,40,44,152,71,40],[128,33,40,160,129,40],"other\u002Fneutral\u002Fnone",[135,34,40,160,136,40],[163,38,40,164,165,40],"12316730","other\u002Fneutral\u002Fidea","s-macke",[82,31,33,167,83,40],"project\u002Fcritical\u002Fdesign",[141,31,40,169,11,33],"maker\u002Fneutral\u002Fdesign",[171,31,38,172,173,40],"12318050","project\u002Fneutral\u002Fdesign","mrspeaker",[175,44,40,160,176,40],"12313958","heywire",[178,44,40,160,179,40],"12316435","acz",[181,32,40,160,182,40],"12313638","kruhft",[184,185,38,172,186,40],"12313480",7,"CommanderData",[74,188,44,189,75,40],8,"maker\u002Fpositive\u002Fexecution",[108,191,38,192,109,40],9,"maker\u002Fneutral\u002Fidea",[194,191,38,195,196,40],"12312381","maker\u002Fneutral\u002Fnone","anewhnaccount",[144,191,40,192,11,33],[199,191,40,200,109,40],"12319277","commenter\u002Fneutral\u002Fnone",[116,202,38,203,117,40],10,"project\u002Fneutral\u002Fnone",[101,18,38,205,102,40],"project\u002Fneutral\u002Fidea",[],[208,213,218,222,226,231],{"id":209,"name":210,"points":211,"category":212},"12355102","Carbide",628,"dev_tools",{"id":214,"name":215,"points":216,"category":217},"12319661","posio",220,"games",{"id":219,"name":220,"points":221,"category":212},"12342781","Workq",185,{"id":223,"name":224,"points":225,"category":212},"12320461","Replify",112,{"id":227,"name":228,"points":229,"category":230},"12311930","save-as-ebook",106,"productivity",{"id":232,"name":233,"points":234,"category":235},"12331915","Cryptic",93,"security_privacy",false,"v2",{"id":239,"name":5,"line":6,"ai":236,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":240,"top":18,"kw":241,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":242,"url":9,"mix":243,"praise":58,"objection":79,"sub":21},12312196,0.12,[24,25,26,27],"5153500010300035330033",[31,32,33,34],1794036546858]