All Projects → FarazzShaikh → three-noise

FarazzShaikh / three-noise

Licence: MIT license
Simple gradient noise library for use with Three.js. Now with fBm!

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
GLSL
2045 projects
CSS
56736 projects
shell
77523 projects

Projects that are alternatives of or similar to three-noise

Sketch
Explorations on cross-hatching, engraving, and similar non-photorealistic rendering.
Stars: ✭ 136 (+338.71%)
Mutual labels:  threejs, glsl, webgl2
Threejs Starter
Stars: ✭ 89 (+187.1%)
Mutual labels:  threejs, glsl, webgl2
Threejs Es6 Webpack Starter
Three.js ES6 starter project with a sane webpack configuration
Stars: ✭ 85 (+174.19%)
Mutual labels:  threejs, glsl
Sky Shader
☀️ WebGL sky and sun shader editor
Stars: ✭ 90 (+190.32%)
Mutual labels:  threejs, glsl
Magicshader
🔮 Tiny helper for three.js to debug and write shaders
Stars: ✭ 205 (+561.29%)
Mutual labels:  threejs, glsl
Solarsys
Realistic Solar System simulation with three.js
Stars: ✭ 49 (+58.06%)
Mutual labels:  threejs, glsl
Sunset Cyberspace
🎮👾Retro-runner Game made in Expo, Three.js, OpenGL, WebGL, Tween. 🕹
Stars: ✭ 54 (+74.19%)
Mutual labels:  threejs, webgl2
Three.meshline
Mesh replacement for THREE.Line
Stars: ✭ 1,644 (+5203.23%)
Mutual labels:  threejs, glsl
Ray Tracing Renderer
[UNMAINTAINED] Real-time path tracing on the web with three.js
Stars: ✭ 444 (+1332.26%)
Mutual labels:  threejs, webgl2
honkai-starrail-scene
【崩坏:星穹铁道】预约页场景提取
Stars: ✭ 33 (+6.45%)
Mutual labels:  threejs, glsl
glNoise
A collection of GLSL noise functions for use with WebGL with an easy to use API.
Stars: ✭ 185 (+496.77%)
Mutual labels:  glsl, webgl2
sparksl-noise
minimum proof of concept about procedural noise generation in SparkAR's shader language (SparkSL).
Stars: ✭ 16 (-48.39%)
Mutual labels:  glsl, noise
Wagner
Effects composer for three.js
Stars: ✭ 930 (+2900%)
Mutual labels:  threejs, glsl
Polygon Shredder
The polygon shredder that takes many cubes and turns them into confetti
Stars: ✭ 686 (+2112.9%)
Mutual labels:  threejs, glsl
Detect Gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Stars: ✭ 460 (+1383.87%)
Mutual labels:  threejs, webgl2
Filament
Interactive Music Visualizer
Stars: ✭ 22 (-29.03%)
Mutual labels:  threejs, noise
Procedural-Generation
An Overview of Procedural Generation Techniques and Applications
Stars: ✭ 23 (-25.81%)
Mutual labels:  threejs, noise
Three.terrain
A procedural terrain generation engine for use with the Three.js 3D graphics library for the web.
Stars: ✭ 353 (+1038.71%)
Mutual labels:  threejs, noise
procedural-tileable-shaders
Collection of tileable procedural textures such as: cellular noise, fbm, voronoi, perlin and other.
Stars: ✭ 175 (+464.52%)
Mutual labels:  glsl, noise
sdf-2d
A graphics library to enable the real-time rendering of 2D signed distance fields on the web.
Stars: ✭ 70 (+125.81%)
Mutual labels:  glsl, webgl2

THREE-Noise

Simple gradient noise library for use with Three.js. Now with fBm!
View Demo · Report Bug · API Docs

Installation

Make sure to have ThreeJS installed.

$ npm i three

Install through NPM

$ npm i three-noise

For Browsers, download build/three-noise.js.

Importing

Browser

In your HTML

<script src="lib/three-noise.js"></script>
<script src="./main.js" defer></script>

Then, in your JavaScript you can use the THREE_Noise object.

const { Perlin, FBM } = THREE_Noise;

NodeJS

In NodeJS, you can import it like you normally do.

import { Perlin, FBM } from 'THREE_Noise';

Usage

Perlin

// Instantiate the class with a seed
const perlin = new Perlin(Math.random())

perlin.get2(vector2)   // Get 2D Perlin Nosie
perlin.get3(vector3)   // Get 3D Perlin Nosie

fBm

// Instantiate the class with a seed
const fbm = new FBM({
    seed: Math.random()
})

fbm.get(vector2)      // Get 2D Perlin Nosie with fBm
fbm.get(vector3)      // Get 3D Perlin Nosie with fBm
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].