Chapter 734: TriangleBlurShader

Core Idea

Reference for TriangleBlurShader.

Key Concepts

• 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.widescr…
• 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.

Code Examples

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

• What it demonstrates: Typical usage of TriangleBlurShader.

Reference Tables

Properties

Property	Description
.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.widescre…
.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.

Key Takeaways

1. Most relevant properties: TechnicolorShader, ToonShader1, ToonShader2, ToonShaderDotted.

Connects To

• Source: examples/jsm/shaders/TriangleBlurShader.js