joshua/brunch-threejs
1
0
Fork 0
mirror of https://github.com/seigler/brunch-threejs synced 2025-07-27 09:36:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

:chick: Create project

Browse source
This commit is contained in:
Joshua Seigler 2018-10-14 00:19:28 -04:00
commit f0c43dd44c
17 changed files with 5573 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

60
app/js/core/Webgl.js Normal file
View file

@ -0,0 +1,60 @@
import props from 'js/core/props';
export default class Webgl {
constructor(w, h) {
this.scene = new THREE.Scene();
this.camera = new THREE.PerspectiveCamera(50, w / h, 1, 1000);
this.camera.position.z = 10;
this._renderer = new THREE.WebGLRenderer({
antialias: true,
});
this._renderer.setPixelRatio(window.devicePixelRatio);
this._renderer.setClearColor(0x0c171a);
this.dom = this._renderer.domElement;
this._passes = [
new THREE.RenderPass(this.scene, this.camera),
new THREE.AfterimagePass(),
];
this.initPostprocessing();
this.onResize(w, h);
this.onUpdate = this.onUpdate.bind(this);
this.onResize = this.onResize.bind(this);
}
initPostprocessing() {
this._composer = new THREE.EffectComposer(this._renderer);
this._passes.forEach((effect, i) => {
if (i == this._passes.length - 1) {
effect.renderToScreen = true;
}
this._composer.addPass(effect);
});
}
add(mesh) {
this.scene.add(mesh);
}
onUpdate() {
if (props.postprocessing) {
this._composer.render(this.scene, this.camera);
} else {
this._renderer.render(this.scene, this.camera);
}
}
onResize(w, h) {
this.width = w;
this.height = h;
this.camera.aspect = w / h;
this.camera.updateProjectionMatrix();
this._composer.setSize(w, h);
this._renderer.setSize(w, h);
}
}