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

Add support for system actions in player input bindings

Browse Source
This commit is contained in:
Victor Giers
2026-04-14 22:39:36 +02:00
parent fe4cdad1dc
commit fc2c8b8b24
1 changed files with 65 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/app/App.tsx
View File

@@ -6306,7 +6306,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
};
const handlePlayerStartGamepadActionBindingChange = (
action: PlayerStartLocomotionAction,
action: PlayerStartLocomotionAction | PlayerStartSystemAction,
nextBinding: PlayerStartGamepadActionBinding
) => {
const nextBindings = createPlayerStartInputBindings({
@@ -15935,6 +15935,67 @@ export function App({ store, initialStatusMessage }: AppProps) {
</div>
))}
{PLAYER_START_SYSTEM_ACTIONS.map((action) => (
<div
key={action}
className="vector-inputs vector-inputs--two"
>
<label className="form-field">
<span className="label">
{getPlayerStartInputActionLabel(action)} Key
</span>
<button
type="button"
data-testid={`player-start-keyboard-binding-${action}`}
className="toolbar__button"
onClick={() => {
setPlayerStartKeyboardCaptureAction(action);
setStatusMessage(
`Press any key for ${getPlayerStartInputActionLabel(action)}. Press Escape to cancel.`
);
}}
>
{playerStartKeyboardCaptureAction === action
? "Press Any Key..."
: formatPlayerStartKeyboardBindingLabel(
playerStartInputBindingsDraft.keyboard[
action
]
)}
</button>
</label>
<label className="form-field">
<span className="label">
{getPlayerStartInputActionLabel(action)} Pad
</span>
<select
data-testid={`player-start-gamepad-binding-${action}`}
className="select-input"
value={
playerStartInputBindingsDraft.gamepad[action]
}
onChange={(event) =>
handlePlayerStartGamepadActionBindingChange(
action,
event.currentTarget
.value as PlayerStartGamepadActionBinding
)
}
>
{PLAYER_START_GAMEPAD_ACTION_BINDINGS.map(
(binding) => (
<option key={binding} value={binding}>
{formatPlayerStartGamepadActionBindingLabel(
binding
)}
</option>
)
)}
</select>
</label>
</div>
))}
<label className="form-field">
<span className="label">Camera Pad</span>
<select
@@ -15964,8 +16025,9 @@ export function App({ store, initialStatusMessage }: AppProps) {
<div className="material-summary">
These bindings feed the same typed movement,
locomotion, and camera actions in First Person and
Third Person. Mouse look stays available as before.
locomotion, system, and camera actions in First
Person and Third Person. Mouse look stays available
as before.
</div>
</div>
</>