Tom Boullay
61 lines
1.9 KiB
TypeScript
61 lines
1.9 KiB
TypeScript
import {
|
|
GAME_SCENE_FALLBACK_BACKGROUND_COLOR,
|
|
GAME_SCENE_FALLBACK_SKY_MODEL_PATH,
|
|
GAME_SCENE_FALLBACK_SKY_MODEL_SCALE,
|
|
GAME_SCENE_SKY_MODEL_PATH,
|
|
GAME_SCENE_SKY_MODEL_SCALE,
|
|
PHYSICS_SCENE_BACKGROUND_COLOR,
|
|
} from "@/data/world/environmentConfig";
|
|
import { FOG_CONFIG } from "@/data/world/fogConfig";
|
|
import { useCameraMode } from "@/hooks/debug/useCameraMode";
|
|
import { useSceneMode } from "@/hooks/debug/useSceneMode";
|
|
import {
|
|
isMapModelVisible,
|
|
useMapPerformanceStore,
|
|
} from "@/managers/stores/useMapPerformanceStore";
|
|
import { SkyModel } from "@/components/three/world/SkyModel";
|
|
import { useDebugStore } from "@/hooks/debug/useDebugStore";
|
|
|
|
export function Environment(): React.JSX.Element {
|
|
const cameraMode = useCameraMode();
|
|
const sceneMode = useSceneMode();
|
|
const fogEnabled = useDebugStore((debug) => debug.getFogEnabled());
|
|
const groups = useMapPerformanceStore((state) => state.groups);
|
|
const models = useMapPerformanceStore((state) => state.models);
|
|
const showSky = isMapModelVisible("sky", { groups, models });
|
|
|
|
if (sceneMode === "physics") {
|
|
return (
|
|
<color attach="background" args={[PHYSICS_SCENE_BACKGROUND_COLOR]} />
|
|
);
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{FOG_CONFIG.enabled &&
|
|
fogEnabled &&
|
|
sceneMode === "game" &&
|
|
cameraMode === "player" ? (
|
|
<fog
|
|
attach="fog"
|
|
args={[FOG_CONFIG.color, FOG_CONFIG.near, FOG_CONFIG.far]}
|
|
/>
|
|
) : null}
|
|
{showSky ? (
|
|
<SkyModel
|
|
fallbackColor={GAME_SCENE_FALLBACK_BACKGROUND_COLOR}
|
|
fallbackModelPath={GAME_SCENE_FALLBACK_SKY_MODEL_PATH}
|
|
fallbackScale={GAME_SCENE_FALLBACK_SKY_MODEL_SCALE}
|
|
modelPath={GAME_SCENE_SKY_MODEL_PATH}
|
|
scale={GAME_SCENE_SKY_MODEL_SCALE}
|
|
/>
|
|
) : (
|
|
<color
|
|
attach="background"
|
|
args={[GAME_SCENE_FALLBACK_BACKGROUND_COLOR]}
|
|
/>
|
|
)}
|
|
</>
|
|
);
|
|
}
|