Noise detail

// This sketch requires you to add Rune.Noise to your HTML page:

// https://github.com/runemadsen/rune.noise.js

​

var r = new Rune({

  container: "#canvas",

  width: 800,

  height: 400,

  debug: true

});

​

// draw background

r.rect(0, 0, r.width, r.height).fill(30);

​

var noise = new Rune.Noise();

var xStep = 15;

​

for(var i = 0; i < 3; i++) {

​

  noise.noiseDetail(i + 1);

​

  var noisePath = r.path(0, 50 + (i * 100))

    .stroke(255)

    .fill(false)

    .strokeWidth(2);

​

  var noiseStep = 0;

​

  for(var x = 0; x < r.width; x += xStep) {

    var y = noise.get(noiseStep) * 100;

    noisePath.lineTo(x, y);

​

    noiseStep += 0.1;

  }

}

​

r.draw();

​