noise generation

supposed to be better

by Darby Rathbone

HTML

<script src="http://darbicus.github.io/Perlin-Noise/ImprovedNoise.js"></script>
<script src="http://darbicus.github.io/Perlin-Noise/ImprovedNoise.min.js"></script>

JavaScript

function tern(n){
    return n > 0 ? n : -n;
    }
var n = new ImprovedNoise(255);
var n2 = new ImprovedNoise(255);
var n3 = new ImprovedNoise(255);
var canvas = document.createElement('canvas');
document.body.appendChild(canvas);
canvas.width = 128;
canvas.style.zoom = "3";
canvas.height = 128;
ctx = canvas.getContext('2d');
var imgdata = ctx.getImageData(0, 0, canvas.width, canvas.height);
var data = imgdata.data;
var t1 = 0;
var count =0;
var r,v ,g,b ;
var x1 = 0;
var y1 = 0;
window.setInterval(function () {

    count =0;
    
    for (x1 = 1; x1 <= canvas.width; x1+=1) {
        for (y1 = 1; y1 <= canvas.height; y1+=1) {
            v =((n.noise(x1/15, y1/15,t1/60)))*255;
            r = v|0;           
            g = ((n2.noise(x1/15, y1/15,t1/60)))*255;
            b =((n3.noise(x1/15, y1/15,t1/60)))*255;
            data[count] =r;
            data[count+1] =g|0;
            data[count+2] =b|0;
            data[count+3] =255;
            count+=4;
        }
    }
    //n.shuffle(t1/25);
    t1++;
    ctx.putImageData(imgdata, 0, 0);
}, 1000/60);