📄 threejs/Addons/Shaders/module-VerticalTiltShiftShader

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


title: module-VerticalTiltShiftShader category: Unknown layout: docs

VerticalTiltShiftShader

Import

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

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

Properties

.VerticalTiltShiftShader : ShaderMaterial~Shader (inner, constant)

Simple fake tilt-shift effect, modulating two pass Gaussian blur (see above) by vertical position

  • 9 samples per pass
  • standard deviation 2.7
  • "h" and "v" parameters should be set to "1 / width" and "1 / height"
  • "r" parameter control where "focused" horizontal line lies

Source

examples/jsm/shaders/VerticalTiltShiftShader.js