giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Add screen-space lens flare support and refactor lighting calculation

Browse Source
This commit is contained in:
Victor Giers
2026-05-19 21:12:01 +02:00
parent beabde908d
commit 107ccbf640
2 changed files with 56 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/App.tsx
View File

@@ -205,6 +205,7 @@ import {
ADVANCED_RENDERING_SHADOW_TYPES,
ADVANCED_RENDERING_TONE_MAPPING_MODES,
FOLIAGE_QUALITY_SHADOW_MODES,
MAX_ADVANCED_RENDERING_LENS_FLARE_GHOST_COUNT,
MAX_FOLIAGE_QUALITY_DENSITY_MULTIPLIER,
MAX_FOLIAGE_QUALITY_MAX_DISTANCE_MULTIPLIER,
MIN_FOLIAGE_QUALITY_DENSITY_MULTIPLIER,

103
src/runtime-three/runtime-host.ts
View File

@@ -3024,58 +3024,64 @@ export class RuntimeHost {
shaderSkyState
)
);
const godRaysLightInput =
const screenSpaceSunLightInput =
shaderSkyState !== null
? resolveDominantScreenSpaceGodRaysLightInput(
shaderSkyState.celestial.sunVisible
? {
colorHex: shaderSkyState.celestial.sunColorHex,
intensity:
shaderSkyState.celestial.sunIntensity *
resolveWorldCelestialHorizonVisibility(
shaderSkyState.celestial.sunDirection.y,
shaderSkyState.sky.horizonHeight
),
direction: shaderSkyState.celestial.sunDirection
}
: null,
shaderSkyState.celestial.moonVisible
? {
colorHex: shaderSkyState.celestial.moonColorHex,
intensity:
shaderSkyState.celestial.moonIntensity *
resolveWorldCelestialHorizonVisibility(
shaderSkyState.celestial.moonDirection.y,
shaderSkyState.sky.horizonHeight
),
direction: shaderSkyState.celestial.moonDirection
}
: null
)
: resolveDominantScreenSpaceGodRaysLightInput(
celestialBodiesState.sun === null
? null
: {
colorHex: celestialBodiesState.sun.colorHex,
direction: celestialBodiesState.sun.direction,
intensity:
celestialBodiesState.sun.intensity *
celestialBodiesState.sun.horizonVisibility
},
celestialBodiesState.moon === null
? null
: {
colorHex: celestialBodiesState.moon.colorHex,
direction: celestialBodiesState.moon.direction,
intensity:
celestialBodiesState.moon.intensity *
celestialBodiesState.moon.horizonVisibility
}
);
? shaderSkyState.celestial.sunVisible
? {
colorHex: shaderSkyState.celestial.sunColorHex,
intensity:
shaderSkyState.celestial.sunIntensity *
resolveWorldCelestialHorizonVisibility(
shaderSkyState.celestial.sunDirection.y,
shaderSkyState.sky.horizonHeight
),
direction: shaderSkyState.celestial.sunDirection
}
: null
: celestialBodiesState.sun === null
? null
: {
colorHex: celestialBodiesState.sun.colorHex,
direction: celestialBodiesState.sun.direction,
intensity:
celestialBodiesState.sun.intensity *
celestialBodiesState.sun.horizonVisibility
};
const screenSpaceMoonLightInput =
shaderSkyState !== null
? shaderSkyState.celestial.moonVisible
? {
colorHex: shaderSkyState.celestial.moonColorHex,
intensity:
shaderSkyState.celestial.moonIntensity *
resolveWorldCelestialHorizonVisibility(
shaderSkyState.celestial.moonDirection.y,
shaderSkyState.sky.horizonHeight
),
direction: shaderSkyState.celestial.moonDirection
}
: null
: celestialBodiesState.moon === null
? null
: {
colorHex: celestialBodiesState.moon.colorHex,
direction: celestialBodiesState.moon.direction,
intensity:
celestialBodiesState.moon.intensity *
celestialBodiesState.moon.horizonVisibility
};
const godRaysLightInput = resolveDominantScreenSpaceGodRaysLightInput(
screenSpaceSunLightInput,
screenSpaceMoonLightInput
);
syncScreenSpaceGodRaysLightSource(
this.godRaysLightSource,
godRaysLightInput
);
syncScreenSpaceLensFlareLightSource(
this.lensFlareLightSource,
screenSpaceSunLightInput
);
const environmentState = resolveWorldEnvironmentState(
resolvedWorld.background,
backgroundTexture,
@@ -3203,7 +3209,8 @@ export class RuntimeHost {
settings,
this.worldBackgroundRenderer.scene,
this.godRaysLightSource,
this.distanceFogSkyColorSource
this.distanceFogSkyColorSource,
this.lensFlareLightSource
);
this.currentAdvancedRenderingSettings =
cloneAdvancedRenderingSettings(settings);