done by .reEto
logo done by .reEto :: pouët.net is hosted on the huge scene.org servers




Perlin noise flames

platform :

  JavaScript
type :

  1k
release date : november 2010
53
10
0
popularity :
0 %
0
0
average rating 0.84
alltime top: #1553
[download]
[mirrors...]
added on the 2010-11-27 by SkyLined  

popularity helper
increase the popularity of this prod by spreading this URL:

comments
Generates a pool of randomness, which is used to create one dimentional perlin noise arrays that change fluidly over time. Two perlin noise arrays are used; one as a distortion map, the other as a color map. The size and range of noise of the color map is used to create the look of flames and the size and range of the distortion map is used to make the flames move like flames.

The same data is used for flames and smoke, with different color palettes. Two hidden canvasses are used to create the flames and smoke individually, which are combined into a third, visible canvas.

Original code size ~10k (with comments and useful variables names).
Code size after comment & whitespace removal, variable renaming and various size reduction tricks: ~1.2k.
Code size after [ulr=http://code.google.com/p/jssfx/]JsSfx[/url] compress: 992 bytes (this is the JavaScript only and excludes the HTML tags in the final prod).
  added on the 2010-11-27 10:40:50 by SkyLined  
Doh! JsSfx
  added on the 2010-11-27 10:41:44 by SkyLined  
This only works with Chrome.
  added on the 2010-11-27 10:48:49 by SkyLined  
O_O'
  added on the 2010-11-27 11:01:21 by panic  
Nice and runs fine here.
  added on the 2010-11-27 11:04:26 by Zplex  
nice, but chrome only...
  added on the 2010-11-27 11:08:29 by las  
Cool
  added on the 2010-11-27 11:14:19 by Mystra  
Wow!
  added on the 2010-11-27 11:20:56 by D.Fox  
Hah. This works in OWB on AmigaOS4. Very slowly, but it works :-)
  added on the 2010-11-27 11:25:59 by xeron  
It has a nice flowiness to it :)
  added on the 2010-11-27 11:30:26 by msqrt  
Uh, missed the button I guess.
  added on the 2010-11-27 11:31:19 by msqrt  
yup, js is getting somewhere :)
  added on the 2010-11-27 11:36:55 by hArDy./tRSi  
Replace s[ i ].data[x*4+u]=e*n[1]+e*e*n[2]-n[0]; by s[ i ].data[x*4+u]=Math.min(255,Math.max(0,e*n[1]+e*e*n[2]-n[0])); and it will work in ALL browsers.

Right now you are going through a crack of the spec. Unfortunately, it's no longer specified what vendors should do with out of bound values.

The packers seems to do a good job. I just through the cross browser version through the packer I used/improved for JS1K and got 1017 bytes. I'm sure it can be even smaller with a couple of tweaks.
  added on the 2010-11-27 11:50:20 by p01  
Skylined: please don't link to a website with the effect, but to an archive (ZIP) of all files needed to run the effect. Otherwise it becomes impossible to maintain a sensible archive over at Scene.org. :)
  added on the 2010-11-27 12:02:11 by gloom  
s/just through/just threw :p
  added on the 2010-11-27 12:44:24 by p01  
very pretty
  added on the 2010-11-27 12:52:44 by button  
nice, but could be more noisy
  added on the 2010-11-27 12:59:53 by cruzer  
Work in Firefox :) !
  added on the 2010-11-27 13:35:57 by XT95^FRq  
Nice work. And what XT95 said.
  added on the 2010-11-27 13:41:09 by iks  
Eyecandy oldschool effet. :)

By the way I disagree with XT95.
  added on the 2010-11-27 18:30:15 by Zavie  
looks quite weird in opera 10.63.
  added on the 2010-11-27 18:38:58 by uncle-x  
Screenshot looks very nice !
  added on the 2010-11-27 18:42:40 by lsl  
gorgeous effect! now fix it to work in more browsers like p01 suggested ;)
  added on the 2010-11-27 20:29:33 by Weyland Yutani  
  added on the 2010-11-27 21:25:39 by Alpha C  
Nice :)
  added on the 2010-11-27 21:28:59 by PauloFalcao  
displaying comments (1-25) out of 73
next page
 

submit changes
if this prod is a fake, some info is false or the download link is broken,
do not post about it in the comments, it will get lost.
instead, post about it.

add a comment
You need to be logged in to add a comment :: register here







pouët.net 0.9-a9e6b6e © 2000-2013 mandarine - hosted on scene.org
send comments and bug reports to webmaster@pouet.net - contribute on GitHub
page created in 0.027995 seconds.