set depthMask based on transparency

src/mol-geo/geometry/geometry.ts

@@ -62,7 +62,6 @@ export namespace Geometry {
 
     export const Params = {
         alpha: PD.Numeric(1, { min: 0, max: 1, step: 0.01 }, { label: 'Opacity' }),
-        depthMask: PD.Boolean(true),
         useFog: PD.Boolean(false),
         highlightColor: PD.Color(Color.fromNormalizedRgb(1.0, 0.4, 0.6)),
         selectColor: PD.Color(Color.fromNormalizedRgb(0.2, 1.0, 0.1)),
@@ -105,12 +104,11 @@ export function createRenderableState(props: PD.Values<Geometry.Params>): Render
     return {
         visible: true,
         pickable: true,
-        depthMask: props.depthMask
     }
 }
 
 export function updateRenderableState(state: RenderableState, props: PD.Values<Geometry.Params>) {
-    state.depthMask = props.depthMask
+    
 }
 
 //

src/mol-gl/_spec/renderer.spec.ts

@@ -86,7 +86,6 @@ function createPoints() {
     const state: RenderableState = {
         visible: true,
         pickable: true,
-        depthMask: true,
     }
 
     return createPointsRenderObject(values, state)

src/mol-gl/renderable.ts

@@ -14,7 +14,6 @@ import { ValueCell } from 'mol-util';
 export type RenderableState = {
     visible: boolean
     pickable: boolean
-    depthMask: boolean
 }
 
 export interface Renderable<T extends RenderableValues> {

src/mol-gl/renderer.ts

@@ -139,7 +139,7 @@ namespace Renderer {
                     gl.cullFace(gl.BACK)
                 }
 
-                gl.depthMask(r.state.depthMask)
+                gl.depthMask(r.opaque)
 
                 r.render(variant)
             }

src/mol-math/geometry/gaussian-density/gpu.ts

@@ -233,7 +233,6 @@ function getGaussianDensityRenderObject(webgl: WebGLContext, drawCount: number,
     const state: RenderableState = {
         visible: true,
         pickable: false,
-        depthMask: false
     }
 
     const renderObject = createGaussianDensityRenderObject(values, state)