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

Update App.tsx to handle box water and fog color changes with draft commits

Browse Source
This commit is contained in:
Victor Giers
2026-04-06 17:25:42 +02:00
parent f9f4d6a4a1
commit 4d59e00ac9
1 changed files with 44 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/App.tsx
View File

@@ -2291,6 +2291,25 @@ export function App({ store, initialStatusMessage }: AppProps) {
);
};
const applyBoxWaterColorDraft = (colorHex: string) => {
if (selectedBrush === null || selectedBrush.volume.mode !== "water") {
return;
}
applyBoxVolumeSettings(
() => ({
mode: "water",
water: {
colorHex,
surfaceOpacity: readNonNegativeNumberDraft(boxVolumeWaterSurfaceOpacityDraft, "Water surface opacity"),
waveStrength: readNonNegativeNumberDraft(boxVolumeWaterWaveStrengthDraft, "Water wave strength")
}
}),
"Set box water color",
"Updated selected whitebox water color."
);
};
const applyBoxFogSettings = () => {
if (selectedBrush === null || selectedBrush.volume.mode !== "fog") {
return;
@@ -2310,6 +2329,25 @@ export function App({ store, initialStatusMessage }: AppProps) {
);
};
const applyBoxFogColorDraft = (colorHex: string) => {
if (selectedBrush === null || selectedBrush.volume.mode !== "fog") {
return;
}
applyBoxVolumeSettings(
() => ({
mode: "fog",
fog: {
colorHex,
density: readNonNegativeNumberDraft(boxVolumeFogDensityDraft, "Fog density"),
padding: readNonNegativeNumberDraft(boxVolumeFogPaddingDraft, "Fog padding")
}
}),
"Set box fog color",
"Updated selected whitebox fog color."
);
};
const commitEntityChange = (currentEntity: EntityInstance, nextEntity: EntityInstance, successMessage: string) => {
if (areEntityInstancesEqual(currentEntity, nextEntity)) {
return;
@@ -7301,8 +7339,9 @@ export function App({ store, initialStatusMessage }: AppProps) {
type="color"
value={boxVolumeWaterColorDraft}
onChange={(event) => {
setBoxVolumeWaterColorDraft(event.currentTarget.value);
scheduleDraftCommit(applyBoxWaterSettings);
const nextColorHex = event.currentTarget.value;
setBoxVolumeWaterColorDraft(nextColorHex);
scheduleDraftCommit(() => applyBoxWaterColorDraft(nextColorHex));
}}
/>
</label>
@@ -7353,8 +7392,9 @@ export function App({ store, initialStatusMessage }: AppProps) {
type="color"
value={boxVolumeFogColorDraft}
onChange={(event) => {
setBoxVolumeFogColorDraft(event.currentTarget.value);
scheduleDraftCommit(applyBoxFogSettings);
const nextColorHex = event.currentTarget.value;
setBoxVolumeFogColorDraft(nextColorHex);
scheduleDraftCommit(() => applyBoxFogColorDraft(nextColorHex));
}}
/>
</label>