38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import { sceneRegistry, useScene, type ZoneNode } from '@pascal-app/core'
|
|
import { useViewer } from '@pascal-app/viewer'
|
|
import { useFrame } from '@react-three/fiber'
|
|
|
|
export const ViewerZoneSystem = () => {
|
|
useFrame(() => {
|
|
const { levelId, zoneId } = useViewer.getState().selection
|
|
const nodes = useScene.getState().nodes
|
|
|
|
sceneRegistry.byType.zone.forEach((id) => {
|
|
const obj = sceneRegistry.nodes.get(id)
|
|
if (!obj) return
|
|
|
|
const zone = nodes[id as ZoneNode['id']] as ZoneNode | undefined
|
|
if (!zone) return
|
|
|
|
// Hide zones if:
|
|
// 1. No level is selected
|
|
// 2. Zone is not on the selected level
|
|
// 3. A zone is already selected (hide all zones to show zone contents)
|
|
const isOnSelectedLevel = zone.parentId === levelId
|
|
const shouldShow = !!levelId && isOnSelectedLevel && !zoneId
|
|
|
|
obj.visible = shouldShow
|
|
|
|
const targetOpacity = shouldShow ? '1' : '0'
|
|
const labelEl = document.getElementById(`${id}-label`)
|
|
if (labelEl && labelEl.style.opacity !== targetOpacity) {
|
|
labelEl.style.opacity = targetOpacity
|
|
}
|
|
})
|
|
})
|
|
|
|
return null
|
|
}
|