How to use the RenderPass function from three

Find comprehensive JavaScript three.RenderPass code examples handpicked from public code repositorys.

main.js

132
133
134
135
136
137
138
139
140
141
var parameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat, stencilBuffer: false };

var renderTarget = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, parameters );

composer = new THREE.EffectComposer( renderer, renderTarget );
composer.addPass( new THREE.RenderPass( scene, camera ) );

var vignetteShader = new THREE.ShaderPass( THREE.VignetteShader );
vignetteShader.renderToScreen = true;
composer.addPass( vignetteShader );

+ 15 other calls in file

renderer.js

GitHub: zya/apophenia

62
63
64
65
66
67
68
69
70
71
module.exports.init = function (_scene, _camera, done) {
  var start = Date.now();
  camera = _camera;
  scene = _scene;

  var renderPass = new THREE.RenderPass(scene, camera);
  renderPass.clearAlpha = 0;
  composer.addPass(renderPass);

  var fxaa = new THREE.ShaderPass(THREE.FXAAShader);

+ 9 other calls in file

spotlightview_new.js

GitHub: audunsh/evince

3140
3141
3142
3143
3144
3145
3146
3147
3148


//this.animate();


const renderPass = new THREE.RenderPass( this.scene, this.camera );
const composer = new THREE.EffectComposer( this.renderer );

composer.addPass( renderPass );

+ 17 other calls in file

game.js

GitHub: avocadojesus/hackaholics

174
175
176
177
178
179
180
181
182

window.addEventListener( 'resize', onWindowResize, false );

// postprocessing

var renderModel = new THREE.RenderPass( scene, camera );
var effectFilm = new THREE.FilmPass( 0.35, 0.75, 2048, false );

effectFilm.renderToScreen = true;

OutlinePass.js

GitHub: 1anRobinson/JS_Engine

1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210


});


exports.CopyShader = THREE.CopyShader;
exports.EffectComposer = THREE.EffectComposer;
exports.RenderPass = THREE.RenderPass;
exports.OutlinePass = THREE.OutlinePass;
exports.ShaderPass = THREE.ShaderPass;
exports.MaskPass = THREE.MaskPass;
exports.ClearMaskPass = THREE.ClearMaskPass;

+ 17 other calls in file

index.js

GitHub: ZhYGuoL/ThreeJSBackground

76
77
78
79
80
81
82
83
84
85
camera.position.set(0, 0, 3);
camera.rotation.y = 1;



const renderPass = new THREE.RenderPass(scene, camera);
const bloomPass = new THREE.UnrealBloomPass(
  new THREE.Vector2(width, height),
  options.bloomStrength,
  options.bloomRadius,

+ 2 other calls in file

kye-three.js

GitHub: hupeky/three-cheesecake

673
674
675
676
677
678
679
680
681
682
} */

/* ------------  postprocessing -------------- */
composer = new THREE.EffectComposer( myView.renderer );

var renderPass = new THREE.RenderPass( myScene.scene, myView.camera );
composer.addPass( renderPass );

var outlinePass = new THREE.OutlinePass( new THREE.Vector2(myView.dimensions.x, myView.dimensions.y), myScene.scene, myView.camera);
outlinePass.edgeStrength = 2.0;

+ 2 other calls in file

Other functions in three

Sorted by popularity

three.Vector3 is the most popular function in three (22341 examples)

Other popular packages:

Home

About