three-vignette-background

Create a noise background to the threejs scene.

The project fork from: https://github.com/mattdesl/three-vignette-background

I modified it to:

1. support webpack 5. No need to use glslify;
2. pack it as a module that can be imported using webpack

---

1. Install

npm install

2. Build the library

npm run build

3. Start demo

npm start

Usage

Read the source code of demo.js

  import { createBackground } from './dist/noise-background'
  const background = createBackground({ grainScale: 0.0015 })
  scene.add(background)

Read here for the detail configs.

NPM install

npm i three-vignette-background-esm

import { createBackground } from 'three-vignette-background-esm/dist/noise-background'