feat(world): add map lod graphics presets

This commit is contained in:
Tom Boullay
2026-05-31 19:03:55 +02:00
parent 564a455520
commit 34c198ebfd
13 changed files with 717 additions and 131 deletions
+51
View File
@@ -1,4 +1,55 @@
import { CHUNK_CONFIG } from "@/data/world/chunkStreamingConfig";
export const GRAPHICS_PRESET_KEYS = ["low", "medium", "high", "ultra"] as const;
export type GraphicsPreset = (typeof GRAPHICS_PRESET_KEYS)[number];
export interface GraphicsPresetConfig {
chunkLoadRadius: number;
chunkUnloadRadius: number;
fogEnabled: boolean;
forceLodModels: boolean;
label: string;
lodHighDetailDistance: number;
}
export const GRAPHICS_PRESETS = {
low: {
label: "Basse",
chunkLoadRadius: 10,
chunkUnloadRadius: 18,
fogEnabled: true,
forceLodModels: true,
lodHighDetailDistance: 0,
},
medium: {
label: "Moyenne",
chunkLoadRadius: 20,
chunkUnloadRadius: 30,
fogEnabled: true,
forceLodModels: true,
lodHighDetailDistance: 0,
},
high: {
label: "High",
chunkLoadRadius: CHUNK_CONFIG.loadRadius,
chunkUnloadRadius: CHUNK_CONFIG.unloadRadius,
fogEnabled: false,
forceLodModels: false,
lodHighDetailDistance: 10,
},
ultra: {
label: "Ultra",
chunkLoadRadius: 50,
chunkUnloadRadius: 65,
fogEnabled: false,
forceLodModels: false,
lodHighDetailDistance: 20,
},
} as const satisfies Record<GraphicsPreset, GraphicsPresetConfig>;
export const GRAPHICS_DEFAULTS = {
preset: "high" as GraphicsPreset,
dynamicGrass: true,
dynamicTrees: true,
dynamicClouds: true,
+44
View File
@@ -0,0 +1,44 @@
import {
GRAPHICS_PRESETS,
type GraphicsPreset,
} from "@/data/world/graphicsConfig";
export const MAP_LOD_MODEL_PATHS = {
ebike: "/models/ebike-LOD/model.gltf",
eolienne: "/models/eolienne-LOD/model.gltf",
pylone: "/models/pylone-LOD/model.gltf",
boiteimmeuble: "/models/boiteimmeuble-LOD/model.gltf",
ecole: "/models/ecole-LOD/model.gltf",
immeuble1: "/models/immeuble1-LOD/model.gltf",
maison1: "/models/maison1-LOD/model.gltf",
panneauaffichage: "/models/panneauaffichage-LOD/model.gltf",
talkie: "/models/talkie-LOD/model.gltf",
} as const satisfies Record<string, string>;
export function getMapLodModelPath(modelName: string): string | null {
return (
MAP_LOD_MODEL_PATHS[modelName as keyof typeof MAP_LOD_MODEL_PATHS] ?? null
);
}
export function selectMapModelPathByDistance({
distance,
modelName,
modelPath,
preset,
}: {
distance: number;
modelName: string;
modelPath: string;
preset: GraphicsPreset;
}): string {
const lodModelPath = getMapLodModelPath(modelName);
if (!lodModelPath) return modelPath;
const presetConfig = GRAPHICS_PRESETS[preset];
if (presetConfig.forceLodModels) return lodModelPath;
return distance <= presetConfig.lodHighDetailDistance
? modelPath
: lodModelPath;
}