Frustum cull meshes (#10947)

packages/engine/src/scene/systems/SceneObjectSystem.tsx

@@ -37,7 +37,7 @@ import {
   Texture
 } from 'three'
 
-import { useEntityContext, UUIDComponent } from '@etherealengine/ecs'
+import { entityExists, useEntityContext, UUIDComponent } from '@etherealengine/ecs'
 import {
   getComponent,
   getOptionalComponent,
@@ -52,7 +52,7 @@ import { Entity, EntityUUID } from '@etherealengine/ecs/src/Entity'
 import { defineQuery, QueryReactor } from '@etherealengine/ecs/src/QueryFunctions'
 import { defineSystem } from '@etherealengine/ecs/src/SystemFunctions'
 import { AnimationSystemGroup } from '@etherealengine/ecs/src/SystemGroups'
-import { getMutableState, getState, useHookstate } from '@etherealengine/hyperflux'
+import { getMutableState, getState, useHookstate, useImmediateEffect } from '@etherealengine/hyperflux'
 import { CallbackComponent } from '@etherealengine/spatial/src/common/CallbackComponent'
 import { ColliderComponent } from '@etherealengine/spatial/src/physics/components/ColliderComponent'
 import { RigidBodyComponent } from '@etherealengine/spatial/src/physics/components/RigidBodyComponent'
@@ -167,6 +167,13 @@ function SceneObjectReactor(props: { entity: Entity; obj: Object3D }) {
   const renderState = getMutableState(RendererState)
   const forceBasicMaterials = useHookstate(renderState.forceBasicMaterials)
 
+  useImmediateEffect(() => {
+    setComponent(entity, DistanceFromCameraComponent)
+    return () => {
+      if (entityExists(entity)) removeComponent(entity, DistanceFromCameraComponent)
+    }
+  }, [])
+
   useEffect(() => {
     const source = hasComponent(entity, ModelComponent)
       ? getModelSceneID(entity)

packages/spatial/src/renderer/components/MeshComponent.ts

@@ -24,7 +24,7 @@ Ethereal Engine. All Rights Reserved.
 */
 
 import { useEffect } from 'react'
-import { BufferGeometry, Material, Mesh } from 'three'
+import { Box3, BufferGeometry, Material, Mesh } from 'three'
 
 import { Entity, useEntityContext } from '@etherealengine/ecs'
 import {
@@ -34,9 +34,10 @@ import {
   setComponent,
   useComponent
 } from '@etherealengine/ecs/src/ComponentFunctions'
-import { State, useImmediateEffect } from '@etherealengine/hyperflux'
+import { NO_PROXY, State, useImmediateEffect } from '@etherealengine/hyperflux'
 
 import { useResource } from '../../resources/resourceHooks'
+import { BoundingBoxComponent } from '../../transform/components/BoundingBoxComponents'
 import { addObjectToGroup, removeObjectFromGroup } from './GroupComponent'
 
 export const MeshComponent = defineComponent({
@@ -61,6 +62,16 @@ export const MeshComponent = defineComponent({
       !Array.isArray(meshComponent.material.value) ? (meshComponent.material.value as Material).uuid : undefined
     )
 
+    useEffect(() => {
+      const box = geometryResource.boundingBox.get(NO_PROXY) as Box3 | null
+      if (!box) return
+
+      setComponent(entity, BoundingBoxComponent, { box: box })
+      return () => {
+        removeComponent(entity, BoundingBoxComponent)
+      }
+    }, [geometryResource.boundingBox])
+
     useEffect(() => {
       if (meshComponent.value !== meshResource.value) meshResource.set(meshComponent.value)
     }, [meshComponent])