every-noise#

3D every(where) noise javascript class for all your noise needs.

• seeded noise

• scaling, pow

• fBM noise

• domain warping

• ridged noise

• billowed noise

• stepped noise

• tileable noise

• set properties of noise to own noise object (e.g. set noise.scale = new Noise());

• erosion-like fBM

• combined noise

current version#

this is a work in progress, so expect bugs and changes. until version 1.0.0 is released, the api as well as noise results may change.

v0.0.2 (2022-12-31)#

• added more examples
• added performance test
• added prng for seeded noise

v0.0.1 (2022-12-27)#

• initial release

how to use#

import#

<script src="https://flo-bit.github.io/every-noise/noise.js"></script>

create noise object#

// optionally pass in settings object
let noise = new Noise();

get noise value#

// z and w are optional
let value = noise.get(x, y, z, w);

OR

// vector has {x, y, (optional) z, (optional) w} properties
let value = noise.get(vector);

demos#

simple (p5.js)#

tileable (p5.js)#

fBm (p5.js)#

seeded (p5.js)#

2D noise

stepped (p5.js)#

ridged (p5.js)#

billowed (p5.js)#

warped (p5.js)#

1D noise

advanced (p5.js)#

simple 3D noise on sphere (three.js)#

performance test#

performance test v1

future examples#

• erosion 1D noise

• erosion 2D noise

• erosion on sphere

• pixi noise flow field

• adding gui to examples

TODO#

• add more noise types

• add more examples

• add gui to warped, ridged and simple 3D sphere example

License#

MIT License, see LICENSE file for details.