eric/matrix
1
0
Fork 0
mirror of https://github.com/Rezmason/matrix.git synced 2026-04-21 15:29:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

I was forgetting to set the size of the composer

Browse Source
This commit is contained in:
Rezmason
2018-09-11 18:23:45 -07:00
parent ff4b5255e9
commit f303051b1d
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
TODO.txt
View File

@@ -1,8 +1,5 @@
TODO: TODO:
Make sure all the pass textures are resizing properly when the window resizes
Whatever it is, it affects the bloom shader even though it has resize ability
Reach out to Ashley's partner about producing sounds Reach out to Ashley's partner about producing sounds
Raindrop sound Raindrop sound
https://youtu.be/bPhu01wpf0k?t=34 https://youtu.be/bPhu01wpf0k?t=34
@@ -27,6 +24,8 @@ Much later:
Square event Square event
Expanding white outline of a box Expanding white outline of a box
Delay it like the raindrop particles Delay it like the raindrop particles
Neo flying
Staticky julia set looking silhouette
Simpler bloom replacement? Simpler bloom replacement?
More patterns? More patterns?
Symbol duplication is common Symbol duplication is common

5
index.html
View File

@@ -116,8 +116,8 @@
document.body.appendChild(element); document.body.appendChild(element);
const renderer = new THREE.WebGLRenderer({ stencil: false, depth: false, precision: "lowp" }); const renderer = new THREE.WebGLRenderer({ stencil: false, depth: false, precision: "lowp" });
renderer.sortObjects = true; renderer.sortObjects = true;
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize( window.innerWidth, window.innerHeight ); renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setPixelRatio(window.devicePixelRatio);
element.appendChild(renderer.domElement); element.appendChild(renderer.domElement);
const composer = new THREE.EffectComposer( renderer ); const composer = new THREE.EffectComposer( renderer );
@@ -176,8 +176,9 @@
const windowResize = () => { const windowResize = () => {
const [width, height] = [window.innerWidth, window.innerHeight]; const [width, height] = [window.innerWidth, window.innerHeight];
renderer.setSize(width, height);
matrixRenderer.resize(width, height); matrixRenderer.resize(width, height);
renderer.setSize(width, height);
composer.setSize(width, height);
bloomPass.setSize( window.innerWidth, window.innerHeight ); bloomPass.setSize( window.innerWidth, window.innerHeight );
} }
window.addEventListener("resize", windowResize, false); window.addEventListener("resize", windowResize, false);