postprocessing/src/effects/DotScreenEffect.js at main · BillyD1/postprocessing · GitHub

51 lines (35 loc) · 1.12 KB

import { Uniform, Vector2 } from "three";

import { BlendFunction } from "./blending/BlendFunction";

import { Effect } from "./Effect";

import fragmentShader from "./glsl/dot-screen/shader.frag";

/**

* A dot screen effect.

export class DotScreenEffect extends Effect {

/**

* Constructs a new dot screen effect.

* @param {Object} [options] - The options.

* @param {BlendFunction} [options.blendFunction=BlendFunction.NORMAL] - The blend function of this effect.

* @param {Number} [options.angle=1.57] - The angle of the dot pattern.

* @param {Number} [options.scale=1.0] - The scale of the dot pattern.

constructor({ blendFunction = BlendFunction.NORMAL, angle = Math.PI * 0.5, scale = 1.0 } = {}) {

super("DotScreenEffect", fragmentShader, {

blendFunction,

uniforms: new Map([

["angle", new Uniform(new Vector2())],

["scale", new Uniform(scale)]

])

});

this.setAngle(angle);

}

/**

* Sets the pattern angle.

* @param {Number} [angle] - The angle of the dot pattern.

setAngle(angle) {

this.uniforms.get("angle").value.set(Math.sin(angle), Math.cos(angle));

}

Expand file tree