---
url: /api/effects/noise/functions/noise.md
---
# noise()

```ts
function noise(params?: {
  intensity?: number;
  size?: number;
  colorMix?: number;
  time?: number;
}): EffectPass<{
  uTexture: (__namedParameters: Readonly<EffectUniformContext>) => WebGLTexture;
  uIntensity: number;
  uSize: number;
  uColorMix: number;
  uResolution: (
    __namedParameters: Readonly<EffectUniformContext>,
  ) => [number, number];
  uTime: (__namedParameters: Readonly<EffectUniformContext>) => number;
}>;
```

Creates a procedural noise post-processing effect.

## Parameters

### params?

Noise configuration.

#### intensity?

`number`

Strength of the noise added to the image.
Typical values are between 0 and 1, where 0 is no noise and 1 is full noise.

**Default**

```ts
0.5;
```

#### size?

`number`

Size of each noise cell in screen pixels.
Typical values are between 1 and 5, where smaller values produce finer noise.

**Default**

```ts
2;
```

#### colorMix?

`number`

Mix between monochromatic and colored noise.
Typical values are between 0 and 1, where 0 is fully monochromatic and 1 is fully colored.

**Default**

```ts
0.5;
```

#### time?

`number`

Fixed time value for the noise effect. If not provided, the effect will use the time value of the current frame context.

You can dynamically update the value:

* noiseEffect.uniforms.uTime = () => 0; // Freeze the noise
* noiseEffect.uniforms.uTime = ({ time }) => time; // Animate the noise over time

## Returns

[`EffectPass`](../../../passes/effectPass/type-aliases/EffectPass.md)<{
`uTexture`: (`__namedParameters`: `Readonly`<[`EffectUniformContext`](../../../passes/effectPass/type-aliases/EffectUniformContext.md)>) => `WebGLTexture`;
`uIntensity`: `number`;
`uSize`: `number`;
`uColorMix`: `number`;
`uResolution`: (`__namedParameters`: `Readonly`<[`EffectUniformContext`](../../../passes/effectPass/type-aliases/EffectUniformContext.md)>) => \[`number`, `number`];
`uTime`: (`__namedParameters`: `Readonly`<[`EffectUniformContext`](../../../passes/effectPass/type-aliases/EffectUniformContext.md)>) => `number`;
}>