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

Feat: Add UI controls for Dynamic Global Illumination settings

Browse Source
This commit is contained in:
Victor Giers
2026-04-28 03:29:28 +02:00
parent 6f5ce68698
commit 80e542a257
1 changed files with 125 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
src/app/App.tsx
View File

@@ -17486,6 +17486,131 @@ export function App({ store, initialStatusMessage }: AppProps) {
</label> </label>
</div> </div>
<div className="form-section">
<div className="label">
Dynamic Global Illumination
</div>
<label className="form-field form-field--toggle">
<span className="label">Enabled</span>
<input
type="checkbox"
checked={
advancedRendering.dynamicGlobalIllumination
.enabled
}
onChange={(event) =>
applyAdvancedRenderingDynamicGlobalIlluminationEnabled(
event.currentTarget.checked
)
}
/>
</label>
<div className="vector-inputs vector-inputs--two">
<label className="form-field">
<span className="label">Intensity</span>
<input
className="text-input"
type="number"
min="0"
step="0.1"
value={
advancedRenderingDynamicGlobalIlluminationIntensityDraft
}
onChange={(event) =>
setAdvancedRenderingDynamicGlobalIlluminationIntensityDraft(
event.currentTarget.value
)
}
onBlur={
applyAdvancedRenderingDynamicGlobalIlluminationIntensity
}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
applyAdvancedRenderingDynamicGlobalIlluminationIntensity
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
applyAdvancedRenderingDynamicGlobalIlluminationIntensity
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
applyAdvancedRenderingDynamicGlobalIlluminationIntensity
)
}
/>
</label>
<label className="form-field">
<span className="label">Radius</span>
<input
className="text-input"
type="number"
min="0"
step="0.25"
value={
advancedRenderingDynamicGlobalIlluminationRadiusDraft
}
onChange={(event) =>
setAdvancedRenderingDynamicGlobalIlluminationRadiusDraft(
event.currentTarget.value
)
}
onBlur={
applyAdvancedRenderingDynamicGlobalIlluminationRadius
}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
applyAdvancedRenderingDynamicGlobalIlluminationRadius
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
applyAdvancedRenderingDynamicGlobalIlluminationRadius
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
applyAdvancedRenderingDynamicGlobalIlluminationRadius
)
}
/>
</label>
</div>
<label className="form-field">
<span className="label">Quality</span>
<select
className="select-input"
value={
advancedRendering.dynamicGlobalIllumination
.quality
}
onChange={(event) =>
applyAdvancedRenderingDynamicGlobalIlluminationQuality(
event.currentTarget
.value as AdvancedRenderingDynamicGlobalIlluminationQuality
)
}
>
{ADVANCED_RENDERING_DYNAMIC_GLOBAL_ILLUMINATION_QUALITIES.map(
(quality) => (
<option key={quality} value={quality}>
{formatAdvancedRenderingDynamicGlobalIlluminationQualityLabel(
quality
)}
</option>
)
)}
</select>
</label>
</div>
<div className="form-section"> <div className="form-section">
<div className="label">Bloom</div> <div className="label">Bloom</div>
<label className="form-field form-field--toggle"> <label className="form-field form-field--toggle">