Remove depth mask pass

Author: joebinns

src/IntensityBasedCircleGridShader.js

@@ -12,7 +12,7 @@ const IntensityBasedCircleGridShader = {
         iTime: { value: 0.0 },
         GRID_WIDTH: { value: 48.0 },
         MIN_RADIUS: { value: 0.0 },
-        MAX_RADIUS: { value: 0.75 },
+        MAX_RADIUS: { value: 0.8 },
         MIN_INTENSITY: { value: 0.0 },
         MAX_INTENSITY: { value: 0.4 },
         IS_DARK_MODE: { value: false }

src/ModelPreviewer.js

@@ -15,10 +15,9 @@ import { BloomPass } from "bloom-pass";
 
 // Custom shaders
 import { OutlinePass } from '../src/OutlinePass.js';
-import { DepthMaskPass } from "../src/DepthMaskPass.js";
 import { IntensityBasedCircleGridShader } from "../src/IntensityBasedCircleGridShader.js";
 
-let scene, camera, renderer, composer, outline, bloom, depthMask, shockwaveTime, intensityBasedCircleGrid, objects, clock, time, mouse, picker, appearRate, speed, maximumDisplacement, targetYawVelocity, defaultAngularSpeed, preview, forceToApply, torqueToApply, targetPosition, targetRotation, velocity, angularVelocity;
+let scene, camera, renderer, composer, outline, bloom, shockwaveTime, intensityBasedCircleGrid, objects, clock, time, mouse, picker, appearRate, speed, maximumDisplacement, targetYawVelocity, defaultAngularSpeed, preview, forceToApply, torqueToApply, targetPosition, targetRotation, velocity, angularVelocity;
 
 function SetObjectVisibility(object, visible) {
     object.visible = visible;
@@ -88,7 +87,6 @@ function onWindowResize() {
     composer.setSize(dimensions1.width, dimensions1.height);
     intensityBasedCircleGrid.setSize(dimensions1.width, dimensions1.height);
     outline.setSize(dimensions1.width, dimensions1.height);
-    depthMask.setSize(dimensions1.width, dimensions1.height);
 
     intensityBasedCircleGrid.uniforms.iResolution.value.set(
         dimensions1.width,
@@ -182,9 +180,6 @@ export class ModelPreviewer{
             dimensions().width,
             dimensions().height
         );
-        renderTarget.depthBuffer = true;
-        renderTarget.depthTexture = new THREE.DepthTexture();
-        renderTarget.depthTexture.type = THREE.UnsignedShortType;
         composer = new EffectComposer(renderer, renderTarget); 
 
         // Render pass
@@ -205,20 +200,12 @@ export class ModelPreviewer{
         outlineUniforms.isDarkMode.value = true; // TODO: Uhhr, why is this set always true?
         // Multiple scalar values packed into one uniform: Depth bias, depth multiplier
         outlineUniforms.multiplierParameters.value.x = 0.5;
-        outlineUniforms.multiplierParameters.value.y = 100;
+        outlineUniforms.multiplierParameters.value.y = 75;
 
         // Bloom
         bloom = new BloomPass(1, 25, 4); // Strength, Kernel Size, Sigma
         composer.addPass(bloom);
 
-        // Depth Mask
-        depthMask = new DepthMaskPass(
-            new THREE.Vector2(dimensions().width, dimensions().height),
-            scene,
-            camera
-        );
-        composer.addPass(depthMask);
-
         // Intensity Based Circle Grid
         intensityBasedCircleGrid = new ShaderPass(IntensityBasedCircleGridShader);
         intensityBasedCircleGrid.uniforms.IS_DARK_MODE.value = isDarkMode;