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="stat-card">
|
||||||
<div className="label">Pointer Lock</div>
|
<div className="label">Pointer Lock</div>
|
||||||
<div className="value">
|
<div className="value">
|
||||||
{activeNavigationMode === "firstPerson"
|
{firstPersonTelemetry?.pointerLocked ? "active" : "idle"}
|
||||||
? firstPersonTelemetry?.pointerLocked
|
|
||||||
? "active"
|
|
||||||
: "idle"
|
|
||||||
: "not used"}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="stat-card">
|
<div className="stat-card">
|
||||||
@@ -20837,6 +20833,27 @@ export function App({ store, initialStatusMessage }: AppProps) {
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</label>
|
</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>
|
||||||
|
|
||||||
<div className="form-section">
|
<div className="form-section">
|
||||||
|
|||||||
Reference in New Issue
Block a user