Some of you might find this algorithm I created a few years ago interesting: http://ovgl.org/view_topic.php?topic=91JL96IHFS
Realistic terrain in 130 lines of JavaScript
21–30 of 57 posts
Re: Realistic terrain in 130 lines of JavaScript
#22This is awesome!! nice job!
Re: Realistic terrain in 130 lines of JavaScript
#23stuff like this makes me remember why I love programming
Re: Realistic terrain in 130 lines of JavaScript
#24This midpoint displacement algorithm is also how a lot of the "plasma" effects from 1990s-era PC demos were created.
Re: Realistic terrain in 130 lines of JavaScript
#25Don't miss the demo: http://www.playfuljs.com/demos/terrain/
Is there any way to control the demo? It doesnt seem to respond to mouse or keyboard input.
I made a jsfiddle and added dat.gui http://workshop.chromeexperiments.com/examples/gui/#1--Basic... so you can modify the "detail" parameter to change the terrain without requiring a page refresh http://jsfiddle.net/kachhalimbu/br8Xd/1/
Full screen result here http://jsfiddle.net/kachhalimbu/br8Xd/1/embedded/result/
Re: Realistic terrain in 130 lines of JavaScript
#26Reminds me of the results easy to achieve with Bryce3D back in the mid 90's. They had a pretty great terrain engine. I don't think they're making Bryce any more. It would be great if they could release some of that code.
Re: Realistic terrain in 130 lines of JavaScript
#27Just a small note, not to sound snooty, just to educate people on what realistic terrain looks like... This is what midpoint displacement looks like as a heightmap: http://imgur.com/ksETpO0,7gykFEV#0 This is what realistic terrain looks like (this is based on real-world heightmap data): http://imgur.com/ksETpO0,7gykFEV#1 That said, midpoint displacement, perlin/simplex noise, etc are good for modeling terrain at a le…
Is this the same algorithm for the cloud filter from Adobe Photoshop?
Re: Realistic terrain in 130 lines of JavaScript
#28Just a small note, not to sound snooty, just to educate people on what realistic terrain looks like... This is what midpoint displacement looks like as a heightmap: http://imgur.com/ksETpO0,7gykFEV#0 This is what realistic terrain looks like (this is based on real-world heightmap data): http://imgur.com/ksETpO0,7gykFEV#1 That said, midpoint displacement, perlin/simplex noise, etc are good for modeling terrain at a le…
Is this the same algorithm for the cloud filter from Adobe Photoshop?
I believe photoshop uses Perlin noise (could be wrong)
Re: Realistic terrain in 130 lines of JavaScript
#29I made a quick first pass at an interactive WebGL version this evening. http://callum.com/sandbox/webglex/webgl_terrain/ - ground realism needs a bit of work :) but it was a lot of fun. Thanks for sharing your code Hunter.
Re: Realistic terrain in 130 lines of JavaScript
#30Just a small note, not to sound snooty, just to educate people on what realistic terrain looks like... This is what midpoint displacement looks like as a heightmap: http://imgur.com/ksETpO0,7gykFEV#0 This is what realistic terrain looks like (this is based on real-world heightmap data): http://imgur.com/ksETpO0,7gykFEV#1 That said, midpoint displacement, perlin/simplex noise, etc are good for modeling terrain at a le…
this looks more like perlin noise to me...