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

auto-git:

Browse Source 
[change] src/app/App.tsx
This commit is contained in:
Victor Giers
2026-04-22 16:56:37 +02:00
parent 52a2e6902f
commit 7107c2a3de
1 changed files with 110 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

221
src/app/App.tsx
View File

@@ -14849,6 +14849,116 @@ export function App({ store, initialStatusMessage }: AppProps) {
</div>
</div>
<div className="form-section">
<div className="label">Celestial Orbits</div>
<div className="material-summary">
These angles drive the time-aware sun and moon paths in
the editor viewport and runner.
</div>
<div className="vector-inputs vector-inputs--two">
<label className="form-field">
<span className="label">Sun Azimuth</span>
<input
className="text-input"
type="number"
min="0"
max="360"
step="1"
value={
editorState.document.world.celestialOrbits.sun
.azimuthDegrees
}
onChange={(event) =>
applyCelestialOrbitNumericSetting(
"Set sun orbit azimuth",
"Updated the sun orbit azimuth.",
event.currentTarget.valueAsNumber,
(world, nextValue) => {
world.celestialOrbits.sun.azimuthDegrees =
nextValue;
}
)
}
/>
</label>
<label className="form-field">
<span className="label">Sun Peak Altitude</span>
<input
className="text-input"
type="number"
min="0.1"
max="89.9"
step="0.1"
value={
editorState.document.world.celestialOrbits.sun
.peakAltitudeDegrees
}
onChange={(event) =>
applyCelestialOrbitNumericSetting(
"Set sun orbit peak altitude",
"Updated the sun orbit peak altitude.",
event.currentTarget.valueAsNumber,
(world, nextValue) => {
world.celestialOrbits.sun.peakAltitudeDegrees =
nextValue;
}
)
}
/>
</label>
<label className="form-field">
<span className="label">Moon Azimuth</span>
<input
className="text-input"
type="number"
min="0"
max="360"
step="1"
value={
editorState.document.world.celestialOrbits.moon
.azimuthDegrees
}
onChange={(event) =>
applyCelestialOrbitNumericSetting(
"Set moon orbit azimuth",
"Updated the moon orbit azimuth.",
event.currentTarget.valueAsNumber,
(world, nextValue) => {
world.celestialOrbits.moon.azimuthDegrees =
nextValue;
}
)
}
/>
</label>
<label className="form-field">
<span className="label">Moon Peak Altitude</span>
<input
className="text-input"
type="number"
min="0.1"
max="89.9"
step="0.1"
value={
editorState.document.world.celestialOrbits.moon
.peakAltitudeDegrees
}
onChange={(event) =>
applyCelestialOrbitNumericSetting(
"Set moon orbit peak altitude",
"Updated the moon orbit peak altitude.",
event.currentTarget.valueAsNumber,
(world, nextValue) => {
world.celestialOrbits.moon.peakAltitudeDegrees =
nextValue;
}
)
}
/>
</label>
</div>
</div>
<div className="form-section">
<div className="label">Sun Light</div>
<div className="vector-inputs vector-inputs--two">
@@ -14898,117 +15008,6 @@ export function App({ store, initialStatusMessage }: AppProps) {
/>
</label>
</div>
<div className="vector-inputs">
<label className="form-field">
<span className="label">Dir X</span>
<input
data-testid="world-sun-direction-x"
className="text-input"
type="number"
step="0.1"
value={sunDirectionDraft.x}
onChange={(event) => {
const nextValue = event.currentTarget.value;
setSunDirectionDraft((draft) => ({
...draft,
x: nextValue
}));
}}
onBlur={applySunLightDirection}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
applySunLightDirection
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
applySunLightDirection
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
applySunLightDirection
)
}
/>
</label>
<label className="form-field">
<span className="label">Dir Y</span>
<input
data-testid="world-sun-direction-y"
className="text-input"
type="number"
step="0.1"
value={sunDirectionDraft.y}
onChange={(event) => {
const nextValue = event.currentTarget.value;
setSunDirectionDraft((draft) => ({
...draft,
y: nextValue
}));
}}
onBlur={applySunLightDirection}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
applySunLightDirection
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
applySunLightDirection
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
applySunLightDirection
)
}
/>
</label>
<label className="form-field">
<span className="label">Dir Z</span>
<input
data-testid="world-sun-direction-z"
className="text-input"
type="number"
step="0.1"
value={sunDirectionDraft.z}
onChange={(event) => {
const nextValue = event.currentTarget.value;
setSunDirectionDraft((draft) => ({
...draft,
z: nextValue
}));
}}
onBlur={applySunLightDirection}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
applySunLightDirection
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
applySunLightDirection
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
applySunLightDirection
)
}
/>
</label>
</div>
</div>
</Panel>