CELE-144 Tweak the scene to have a better render

Author: aranega

applications/visualizer/frontend/src/components/viewers/ThreeD/STLMesh.tsx

@@ -62,7 +62,7 @@ const STLMesh: FC<Props> = ({ id, color, opacity, renderOrder, isWireframe, stl,
   );
 
   return (
-    <mesh userData={{ id }} onClick={onClick} frustumCulled={false} renderOrder={renderOrder}>
+    <mesh userData={{ id }} onClick={onClick} renderOrder={renderOrder}>
       <primitive attach="geometry" object={stl} />
       {isWireframe ? (
         <meshBasicMaterial color={color} opacity={opacity} wireframe={isWireframe} transparent />

applications/visualizer/frontend/src/components/viewers/ThreeD/STLViewer.tsx

@@ -55,7 +55,7 @@ const STLViewer: FC<Props> = ({ instances, isWireframe }) => {
   }, [instances]);
 
   return (
-    <group frustumCulled={false}>
+    <>
       {stlObjects.map((stl, idx) => (
         <STLMesh
           key={instances[idx]?.id}
@@ -68,7 +68,7 @@ const STLViewer: FC<Props> = ({ instances, isWireframe }) => {
           clickable={instances[idx]?.clickable}
         />
       ))}
-    </group>
+    </>
   );
 };
 

applications/visualizer/frontend/src/components/viewers/ThreeD/ThreeDViewer.tsx

@@ -74,7 +74,7 @@ const NerveRing = ({ instance, isWireframe }) => {
   const stl = useLoader(STLLoader, url);
 
   return (
-    <mesh userData={{ id }} frustumCulled={false} renderOrder={renderOrder}>
+    <mesh userData={{ id }} renderOrder={renderOrder}>
       <primitive attach="geometry" object={stl} />
       {isWireframe ? (
         <meshBasicMaterial color={color} opacity={opacity} wireframe={isWireframe} transparent />
@@ -128,8 +128,8 @@ function ThreeDViewer() {
           id: `${neuronName}`,
           url,
           color: viewerData?.color || "#FFFFFF",
-          opacity: 1,
-          renderOrder: 0.6,
+          opacity: 0.6,
+          renderOrder: 1,
           clickable: true,
         };
       });
@@ -199,7 +199,7 @@ function ThreeDViewer() {
           <Gizmo />
 
           <Center>
-            <group frustumCulled={false}>
+            <group>
               {showNerving && <NerveRing instance={NERVE_RING} isWireframe={isWireframe} />}
               <STLViewer instances={neuronInstances} isWireframe={isWireframe} />
               {synapseInstances.map((i) => (