simplex.js

    var scene, camera, renderer;
    var geometry, material, mesh;
    var t_geometry, t_material, t_mesh;
    var vertices;
    
    var perm = [151,160,137,91,90,15,
    131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,
    190, 6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,
    88,237,149,56,87,174,20,125,136,171,168, 68,175,74,165,71,134,139,48,27,166,
    77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,
    102,143,54, 65,25,63,161, 1,216,80,73,209,76,132,187,208, 89,18,169,200,196,
    135,130,116,188,159,86,164,100,109,198,173,186, 3,64,52,217,226,250,124,123,
    5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,
    223,183,170,213,119,248,152, 2,44,154,163, 70,221,153,101,155,167, 43,172,9,
    129,22,39,253, 19,98,108,110,79,113,224,232,178,185, 112,104,218,246,97,228,
    251,34,242,193,238,210,144,12,191,179,162,241, 81,51,145,235,249,14,239,107,
    49,192,214, 31,181,199,106,157,184, 84,204,176,115,121,50,45,127, 4,150,254,
    138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180,
    151,160,137,91,90,15,
    131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,
    190, 6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,
    88,237,149,56,87,174,20,125,136,171,168, 68,175,74,165,71,134,139,48,27,166,
    77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,
    102,143,54, 65,25,63,161, 1,216,80,73,209,76,132,187,208, 89,18,169,200,196,
    135,130,116,188,159,86,164,100,109,198,173,186, 3,64,52,217,226,250,124,123,
    5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,
    223,183,170,213,119,248,152, 2,44,154,163, 70,221,153,101,155,167, 43,172,9,
    129,22,39,253, 19,98,108,110,79,113,224,232,178,185, 112,104,218,246,97,228,
    251,34,242,193,238,210,144,12,191,179,162,241, 81,51,145,235,249,14,239,107,
    49,192,214, 31,181,199,106,157,184, 84,204,176,115,121,50,45,127, 4,150,254,
    138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180]
	
	var pos = 100.0;
    init();
    animate();
    function init() {
        scene = new THREE.Scene();
		scene.fog = new THREE.FogExp2( 0x000000, 0.02 );
        camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
        camera.position.z = 500;
        geometry = new THREE.PlaneGeometry( 2000, 2000, 200, 200 );
        
        material = new THREE.MeshBasicMaterial( { color: 0xFFFFFF, wireframe: true } );
        mesh = new THREE.Mesh( geometry, material );
        mesh.rotation.x = 1.9;
        scene.add( mesh );

        renderer = new THREE.WebGLRenderer();
       console.log(window.innerWidth)
       console.log(window.innerHeight)
		renderer.setSize( window.innerWidth, window.innerHeight );
		camera.updateProjectionMatrix();
		
		var background = document.getElementById("background");
        background.appendChild( renderer.domElement );
        
        window.addEventListener( 'resize', onWindowResize, false );
               
        
        
      window.addEventListener('deviceorientation', onWindowResize);
		
		camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize( window.innerWidth, window.innerHeight );
    }
    
    
function onWindowResize(){
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize( window.innerWidth, window.innerHeight );
}
    function animate() {
        requestAnimationFrame( animate );
		var fog = scene.fog;
		if(fog.density>0.0025){
			scene.fog.density -= 0.0001;
		}
        
        vertices = mesh.geometry.vertices;
  
        for(i=0; i<vertices.length; i++){
	        var offset = 0;
	        for(j=0; j<3; j++){
		        offset += simplexNoise3D(vertices[i].x/1000*(j+1),vertices[i].y/1000*(j+1),pos)*15*(j+1);
	        }
	        vertices[i].z =  offset;
	        pos += 0.00000005;
        }
       
	   mesh.geometry.verticesNeedUpdate = true;
        renderer.render( scene, camera );
    }
    
    function FASTFLOOR_I(x){ return x>0 ? Math.floor(x) : Math.floor(x-1); }
    
    function grad3(hash, x, y, z){
    var h = hash & 15;
    var u = h<8 ? x : y;
    var v = h<4 ? y : h==12 || h==14 ? x : z;
    
    return ((h&1 != 0) ? -u : u) + ((h&2 != 0) ? -v : v);
	}
    
    
    function simplexNoise3D(x, y, z){
    
    var F3 = 0.333333333;
    var G3 = 0.166666667;
    
    var n0,n1,n2,n3;
 
    // Skew the input space to determine which simplex cell we're in
    var s = (x+y+z)*F3; // 3D skew factor
    var xs = x+s;
    var ys = y+s;
    var zs = z+s;
    var i = FASTFLOOR_I(xs);
    var j = FASTFLOOR_I(ys);
    var k = FASTFLOOR_I(zs);
    
    var t = (i+j+k)*G3;
    var X0 = i-t; // Unskew the cell origin back to (x,y,z) space
    var Y0 = j-t;
    var Z0 = k-t;
    var x0 = x-X0; // The x,y,z distances from the cell origin
    var y0 = y-Y0;
    var z0 = z-Z0;
    
    // For the 3D case, the simplex shape is a slightly irregular tetrahedron.
    // Determine which simplex we are in.
    var i1,j1,k1; // Offsets for second corner of simplex in (i,j,k) coords
    var i2,j2,k2; // Offsets for third corner of simplex in (i,j,k) coords
    
    if(x0>=y0) {
        if(y0>=z0)
        { i1=1; j1=0; k1=0; i2=1; j2=1; k2=0; } // X Y Z order
        else if(x0>=z0) { i1=1; j1=0; k1=0; i2=1; j2=0; k2=1; } // X Z Y order
        else { i1=0; j1=0; k1=1; i2=1; j2=0; k2=1; } // Z X Y order
    }
    else { // x0<y0
        if(y0<z0) { i1=0; j1=0; k1=1; i2=0; j2=1; k2=1; } // Z Y X order
        else if(x0<z0) { i1=0; j1=1; k1=0; i2=0; j2=1; k2=1; } // Y Z X order
        else { i1=0; j1=1; k1=0; i2=1; j2=1; k2=0; } // Y X Z order
    }
    
    // A step of (1,0,0) in (i,j,k) means a step of (1-c,-c,-c) in (x,y,z),
    // a step of (0,1,0) in (i,j,k) means a step of (-c,1-c,-c) in (x,y,z), and
    // a step of (0,0,1) in (i,j,k) means a step of (-c,-c,1-c) in (x,y,z), where
    // c = 1/6.
    
    var x1 = x0 - i1 + G3; // Offsets for second corner in (x,y,z) coords
    var y1 = y0 - j1 + G3;
    var z1 = z0 - k1 + G3;
    var x2 = x0 - i2 + 2.0*G3; // Offsets for third corner in (x,y,z) coords
    var y2 = y0 - j2 + 2.0*G3;
    var z2 = z0 - k2 + 2.0*G3;
    var x3 = x0 - 1.0 + 3.0*G3; // Offsets for last corner in (x,y,z) coords
    var y3 = y0 - 1.0 + 3.0*G3;
    var z3 = z0 - 1.0 + 3.0*G3;
    
    // Wrap the integer indices at 256, to avoid indexing perm[] out of bounds
    var ii = i & 0xff;
    var jj = j & 0xff;
    var kk = k & 0xff;
    
    // Calculate the contribution from the four corners
    var t0 = 0.6 - x0*x0 - y0*y0 - z0*z0;
    if(t0 < 0.0) {n0 = 0.0;}
    else {
        t0 *= t0;
        n0 = t0 * t0 * grad3(perm[ii+perm[jj+perm[kk]]], x0, y0, z0);
    }
    
    var t1 = 0.6 - x1*x1 - y1*y1 - z1*z1;
    if(t1 < 0.0) {n1 = 0.0;}
    else {
        t1 *= t1;
        n1 = t1 * t1 * grad3(perm[ii+i1+perm[jj+j1+perm[kk+k1]]], x1, y1, z1);
    }
    
    var t2 = 0.6 - x2*x2 - y2*y2 - z2*z2;
    if(t2 < 0.0) {n2 = 0.0;}
    else {
        t2 *= t2;
        n2 = t2 * t2 * grad3(perm[ii+i2+perm[jj+j2+perm[kk+k2]]], x2, y2, z2);
    }
    
    var t3 = 0.6 - x3*x3 - y3*y3 - z3*z3;
    if(t3<0.0) {n3 = 0.0;}
    else {
        t3 *= t3;
        n3 = t3 * t3 * grad3(perm[ii+1+perm[jj+1+perm[kk+1]]], x3, y3, z3);
    }
    // Add contributions from each corner to get the final noise value.
    // The result is scaled to stay inside [-1,1]
    return 32.0 * (n0 + n1 + n2 + n3); 
}