📄 threejs/Addons/Shaders/module-TriangleBlurShader

File: module-TriangleBlurShader.md | Updated: 11/15/2025


title: module-TriangleBlurShader category: Unknown layout: docs

TriangleBlurShader

Import

TriangleBlurShader is an addon, and must be imported explicitly, see Installation#Addons.

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 Demo here: 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.

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

Import

TriangleBlurShader is an addon, and must be imported explicitly, see Installation#Addons.

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 Demo here: 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.

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

Import

TriangleBlurShader is an addon, and must be imported explicitly, see Installation#Addons.

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 Demo here: 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.

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