[b86468]: / v3 / js / libs / three / postprocessing / HalftonePass.js

Download this file

75 lines (47 with data), 1.8 kB

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
/**
* @author meatbags / xavierburrow.com, github/meatbags
*
* RGB Halftone pass for three.js effects composer. Requires THREE.HalftoneShader.
*
*/
THREE.HalftonePass = function ( width, height, params ) {
THREE.Pass.call( this );
if ( THREE.HalftoneShader === undefined ) {
console.error( 'THREE.HalftonePass requires THREE.HalftoneShader' );
}
this.uniforms = THREE.UniformsUtils.clone( THREE.HalftoneShader.uniforms );
this.material = new THREE.ShaderMaterial( {
uniforms: this.uniforms,
fragmentShader: THREE.HalftoneShader.fragmentShader,
vertexShader: THREE.HalftoneShader.vertexShader
} );
// set params
this.uniforms.width.value = width;
this.uniforms.height.value = height;
for ( var key in params ) {
if ( params.hasOwnProperty( key ) && this.uniforms.hasOwnProperty( key ) ) {
this.uniforms[key].value = params[key];
}
}
this.camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
this.scene = new THREE.Scene();
this.quad = new THREE.Mesh( new THREE.PlaneBufferGeometry( 2, 2 ), null );
this.quad.frustumCulled = false;
this.scene.add( this.quad );
};
THREE.HalftonePass.prototype = Object.assign( Object.create( THREE.Pass.prototype ), {
constructor: THREE.HalftonePass,
render: function ( renderer, writeBuffer, readBuffer, delta, maskActive ) {
this.material.uniforms[ "tDiffuse" ].value = readBuffer.texture;
this.quad.material = this.material;
if ( this.renderToScreen ) {
renderer.render( this.scene, this.camera );
} else {
renderer.render( this.scene, this.camera, writeBuffer, this.clear );
}
},
setSize: function ( width, height ) {
this.uniforms.width.value = width;
this.uniforms.height.value = height;
}
} );