NoiseJS

https://github.com/xixixao/noisejs

Admin

Noisejs is a JavaScript library for generating 2D and 3D Perlin and Simplex noise, offering an...

Tokens:262

Snippets:3

Trust Score:9.2

Update:1 year ago

Show doc for...

Tokens:

Raw

### Installing Noisejs via npm

Source: https://github.com/xixixao/noisejs/blob/master/README.md

Use this command to install the Noisejs library using the npm package manager.

```bash
npm install noisejs
```

--------------------------------

### Installing Noisejs via Bower

Source: https://github.com/xixixao/noisejs/blob/master/README.md

Use this command to install the Noisejs library using the Bower package manager.

```bash
bower install noisejs
```

--------------------------------

### Generating 2D Simplex Noise with Noisejs

Source: https://github.com/xixixao/noisejs/blob/master/README.md

This snippet demonstrates how to create a Noise instance with a seed and use the simplex2 method to generate 2D noise values. The output value is between -1 and 1 and can be used for various purposes, such as generating image data.

```javascript
// value passed into the constructor is used as a seed
var noise = new Noise(Math.random());

for (var x = 0; x < canvas.width; x++) {
  for (var y = 0; y < canvas.height; y++) {
    // noise.simplex2 and noise.perlin2 return values between -1 and 1.
    var value = noise.simplex2(x / 100, y / 100);

    image[x][y].r = Math.abs(value) * 256; // Or whatever. Open demo.html to see it used with canvas.
  }
}
```

Tokens:

Raw