From 473277dba32f2be14c0afa631f1d7a04c3131d91 Mon Sep 17 00:00:00 2001 From: Nikolai Kristiansen Date: Sat, 4 Jul 2020 12:46:04 +0200 Subject: [PATCH] old changes --- app/js/index.js | 26 +++++++++++++------------- dist/css/main.css | 5 +++-- dist/js/index.js | 26 +++++++++++++------------- 3 files changed, 29 insertions(+), 28 deletions(-) diff --git a/app/js/index.js b/app/js/index.js index 59bc732..055a57b 100644 --- a/app/js/index.js +++ b/app/js/index.js @@ -121,25 +121,25 @@ //camera.lookAt(scene.position); /* FX */ - //var renderModel = new THREE.RenderPass( scene, camera ); - //var effectBloom = new THREE.BloomPass( 1.1 ); - //var effectCopy = new THREE.ShaderPass( THREE.CopyShader ); + var renderModel = new THREE.RenderPass( scene, camera ); + var effectBloom = new THREE.BloomPass( 1.1 ); + var effectCopy = new THREE.ShaderPass( THREE.CopyShader ); - //effectFXAA = new THREE.ShaderPass( THREE.FXAAShader ); + effectFXAA = new THREE.ShaderPass( THREE.FXAAShader ); - //var width = window.innerWidth || 2; - //var height = window.innerHeight || 2; + var width = window.innerWidth || 2; + var height = window.innerHeight || 2; - //effectFXAA.uniforms.resolution.value.set( 1 / width, 1 / height ); + effectFXAA.uniforms.resolution.value.set( 1 / width, 1 / height ); - //effectCopy.renderToScreen = true; + effectCopy.renderToScreen = true; - //composer = new THREE.EffectComposer( renderer ); + composer = new THREE.EffectComposer( renderer ); - //composer.addPass( renderModel ); - //composer.addPass( effectFXAA ); - //composer.addPass( effectBloom ); - //composer.addPass( effectCopy ); + composer.addPass( renderModel ); + composer.addPass( effectFXAA ); + composer.addPass( effectBloom ); + composer.addPass( effectCopy ); render(); } diff --git a/dist/css/main.css b/dist/css/main.css index e2abb8e..b122c0a 100644 --- a/dist/css/main.css +++ b/dist/css/main.css @@ -1,4 +1,5 @@ -body, html { +body, +html { width: 100%; height: 100%; padding: 0; @@ -7,7 +8,7 @@ body, html { body { background-color: #141414; - background: radial-gradient(#1a1a1a, #000000); + background: radial-gradient(#1a1a1a, black); text-align: center; } #svg { diff --git a/dist/js/index.js b/dist/js/index.js index 59bc732..055a57b 100644 --- a/dist/js/index.js +++ b/dist/js/index.js @@ -121,25 +121,25 @@ //camera.lookAt(scene.position); /* FX */ - //var renderModel = new THREE.RenderPass( scene, camera ); - //var effectBloom = new THREE.BloomPass( 1.1 ); - //var effectCopy = new THREE.ShaderPass( THREE.CopyShader ); + var renderModel = new THREE.RenderPass( scene, camera ); + var effectBloom = new THREE.BloomPass( 1.1 ); + var effectCopy = new THREE.ShaderPass( THREE.CopyShader ); - //effectFXAA = new THREE.ShaderPass( THREE.FXAAShader ); + effectFXAA = new THREE.ShaderPass( THREE.FXAAShader ); - //var width = window.innerWidth || 2; - //var height = window.innerHeight || 2; + var width = window.innerWidth || 2; + var height = window.innerHeight || 2; - //effectFXAA.uniforms.resolution.value.set( 1 / width, 1 / height ); + effectFXAA.uniforms.resolution.value.set( 1 / width, 1 / height ); - //effectCopy.renderToScreen = true; + effectCopy.renderToScreen = true; - //composer = new THREE.EffectComposer( renderer ); + composer = new THREE.EffectComposer( renderer ); - //composer.addPass( renderModel ); - //composer.addPass( effectFXAA ); - //composer.addPass( effectBloom ); - //composer.addPass( effectCopy ); + composer.addPass( renderModel ); + composer.addPass( effectFXAA ); + composer.addPass( effectBloom ); + composer.addPass( effectCopy ); render(); }