# TriangleBlurShader

## Import

TriangleBlurShader is an addon, and must be imported explicitly, see [Installation#Addons](https://threejs.org/manual/#en/installation).

```js
import { TriangleBlurShader } from 'three/addons/shaders/TriangleBlurShader.js';
```

## Properties

### .TechnicolorShader : ShaderMaterial~Shader (inner, constant)

Simulates the look of the two-strip technicolor process popular in early 20th century films. More historical info here: [http://www.widescreenmuseum.com/oldcolor/technicolor1.htm](http://www.widescreenmuseum.com/oldcolor/technicolor1.htm) Demo here: [http://charliehoey.com/technicolor\_shader/shader\_test.html](http://charliehoey.com/technicolor_shader/shader_test.html)

### .ToonShader1 : ShaderMaterial~Shader (inner, constant)

Toon1 shader.

### .ToonShader2 : Object (inner, constant)

Toon2 shader.

### .ToonShaderDotted : Object (inner, constant)

Toon Dotted shader.

### .ToonShaderHatching : Object (inner, constant)

Toon Hatching shader.

### .TriangleBlurShader : ShaderMaterial~Shader (inner, constant)

Triangle blur shader based on [glfx.js triangle blur shader](https://github.com/evanw/glfx.js).

A basic blur filter, which convolves the image with a pyramid filter. The pyramid filter is separable and is applied as two perpendicular triangle filters.

## Source

[examples/jsm/shaders/TechnicolorShader.js](https://github.com/mrdoob/three.js/blob/master/examples/jsm/shaders/TechnicolorShader.js)

## Import

TriangleBlurShader is an addon, and must be imported explicitly, see [Installation#Addons](https://threejs.org/manual/#en/installation).

```js
import * as ToonShader from 'three/addons/shaders/ToonShader.js';
```

Collection of toon shaders.

## Properties

### .TechnicolorShader : ShaderMaterial~Shader (inner, constant)

Simulates the look of the two-strip technicolor process popular in early 20th century films. More historical info here: [http://www.widescreenmuseum.com/oldcolor/technicolor1.htm](http://www.widescreenmuseum.com/oldcolor/technicolor1.htm) Demo here: [http://charliehoey.com/technicolor\_shader/shader\_test.html](http://charliehoey.com/technicolor_shader/shader_test.html)

### .ToonShader1 : ShaderMaterial~Shader (inner, constant)

Toon1 shader.

### .ToonShader2 : Object (inner, constant)

Toon2 shader.

### .ToonShaderDotted : Object (inner, constant)

Toon Dotted shader.

### .ToonShaderHatching : Object (inner, constant)

Toon Hatching shader.

### .TriangleBlurShader : ShaderMaterial~Shader (inner, constant)

Triangle blur shader based on [glfx.js triangle blur shader](https://github.com/evanw/glfx.js).

A basic blur filter, which convolves the image with a pyramid filter. The pyramid filter is separable and is applied as two perpendicular triangle filters.

## Source

[examples/jsm/shaders/ToonShader.js](https://github.com/mrdoob/three.js/blob/master/examples/jsm/shaders/ToonShader.js)

## Import

TriangleBlurShader is an addon, and must be imported explicitly, see [Installation#Addons](https://threejs.org/manual/#en/installation).

```js
import { TriangleBlurShader } from 'three/addons/shaders/TriangleBlurShader.js';
```

## Properties

### .TechnicolorShader : ShaderMaterial~Shader (inner, constant)

Simulates the look of the two-strip technicolor process popular in early 20th century films. More historical info here: [http://www.widescreenmuseum.com/oldcolor/technicolor1.htm](http://www.widescreenmuseum.com/oldcolor/technicolor1.htm) Demo here: [http://charliehoey.com/technicolor\_shader/shader\_test.html](http://charliehoey.com/technicolor_shader/shader_test.html)

### .ToonShader1 : ShaderMaterial~Shader (inner, constant)

Toon1 shader.

### .ToonShader2 : Object (inner, constant)

Toon2 shader.

### .ToonShaderDotted : Object (inner, constant)

Toon Dotted shader.

### .ToonShaderHatching : Object (inner, constant)

Toon Hatching shader.

### .TriangleBlurShader : ShaderMaterial~Shader (inner, constant)

Triangle blur shader based on [glfx.js triangle blur shader](https://github.com/evanw/glfx.js).

A basic blur filter, which convolves the image with a pyramid filter. The pyramid filter is separable and is applied as two perpendicular triangle filters.

## Source

[examples/jsm/shaders/TriangleBlurShader.js](https://github.com/mrdoob/three.js/blob/master/examples/jsm/shaders/TriangleBlurShader.js)