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

Add max speed input field and bunny hopping options in App.tsx

Browse Source
This commit is contained in:
Victor Giers
2026-04-11 20:31:43 +02:00
parent 761fc14934
commit 350de1eea0
1 changed files with 104 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
src/app/App.tsx
View File

@@ -10378,6 +10378,47 @@ export function App({ store, initialStatusMessage }: AppProps) {
}
/>
</label>
<label className="form-field">
<span className="label">Max Speed</span>
<input
data-testid="player-start-movement-max-speed"
className="text-input"
type="number"
min="0"
step="0.1"
value={playerStartMovementTemplateNumberDraft.maxSpeed}
onChange={(event) => {
const nextValue = event.currentTarget.value;
setPlayerStartMovementTemplateNumberDraft(
(draft) => ({
...draft,
maxSpeed: nextValue
})
);
}}
onBlur={() =>
commitPlayerStartMovementTemplateDraft()
}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
commitPlayerStartMovementTemplateDraft
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
commitPlayerStartMovementTemplateDraft
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
commitPlayerStartMovementTemplateDraft
)
}
/>
</label>
</div>
<div className="form-section">
@@ -10595,6 +10636,69 @@ export function App({ store, initialStatusMessage }: AppProps) {
}
/>
</label>
<label className="form-field form-field--toggle">
<span className="label">Bunny Hopping</span>
<input
data-testid="player-start-movement-bunny-hop-enabled"
type="checkbox"
checked={
playerStartMovementTemplateDraft.jump.bunnyHop
}
onChange={(event) =>
commitPlayerStartMovementTemplateDraft(
{
jump: {
bunnyHop: event.currentTarget.checked
}
},
{
schedule: true
}
)
}
/>
</label>
<label className="form-field">
<span className="label">Bunny Hop Boost</span>
<input
data-testid="player-start-movement-bunny-hop-boost"
className="text-input"
type="number"
min="0"
step="0.01"
value={playerStartMovementTemplateNumberDraft.bunnyHopBoost}
onChange={(event) => {
const nextValue = event.currentTarget.value;
setPlayerStartMovementTemplateNumberDraft(
(draft) => ({
...draft,
bunnyHopBoost: nextValue
})
);
}}
onBlur={() =>
commitPlayerStartMovementTemplateDraft()
}
onKeyDown={(event) =>
handleDraftVectorKeyDown(
event,
commitPlayerStartMovementTemplateDraft
)
}
onKeyUp={(event) =>
handleNumberInputKeyUp(
event,
commitPlayerStartMovementTemplateDraft
)
}
onPointerUp={(event) =>
handleNumberInputPointerUp(
event,
commitPlayerStartMovementTemplateDraft
)
}
/>
</label>
</div>
<div className="form-section">