Simplify pointer lock display and add invert mouse camera toggle
This commit is contained in:
@@ -13364,11 +13364,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
|
||||
<div className="stat-card">
|
||||
<div className="label">Pointer Lock</div>
|
||||
<div className="value">
|
||||
{activeNavigationMode === "firstPerson"
|
||||
? firstPersonTelemetry?.pointerLocked
|
||||
? "active"
|
||||
: "idle"
|
||||
: "not used"}
|
||||
{firstPersonTelemetry?.pointerLocked ? "active" : "idle"}
|
||||
</div>
|
||||
</div>
|
||||
<div className="stat-card">
|
||||
@@ -20837,6 +20833,27 @@ export function App({ store, initialStatusMessage }: AppProps) {
|
||||
}}
|
||||
/>
|
||||
</label>
|
||||
<label className="form-field form-field--toggle">
|
||||
<span className="label">Invert Mouse Camera</span>
|
||||
<input
|
||||
data-testid="player-start-invert-mouse-camera"
|
||||
type="checkbox"
|
||||
checked={
|
||||
playerStartInvertMouseCameraHorizontalDraft
|
||||
}
|
||||
onChange={(event) => {
|
||||
const nextValue = event.currentTarget.checked;
|
||||
setPlayerStartInvertMouseCameraHorizontalDraft(
|
||||
nextValue
|
||||
);
|
||||
scheduleDraftCommit(() =>
|
||||
applyPlayerStartChange({
|
||||
invertMouseCameraHorizontal: nextValue
|
||||
})
|
||||
);
|
||||
}}
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="form-section">
|
||||
|
||||
Reference in New Issue
Block a user