Tribes2/t2-mapper
1
0
Fork 0
mirror of https://github.com/exogen/t2-mapper.git synced 2026-03-17 19:31:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add keyboard overlay for non-touch devices

Browse source
This commit is contained in:
Brian Beck 2026-02-12 17:54:51 -08:00
parent 0aadb3d6e7
commit d7ef09c576
26 changed files with 215 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/ObserverControls.tsx
View file

@ -1,12 +1,12 @@
import { useEffect, useRef } from "react";
import { Euler, Vector3 } from "three";
import { useFrame, useThree } from "@react-three/fiber";
import { KeyboardControls, useKeyboardControls } from "@react-three/drei";
import { useKeyboardControls } from "@react-three/drei";
import { PointerLockControls } from "three-stdlib";
import { useControls } from "./SettingsProvider";
import { useCameras } from "./CamerasProvider";
enum Controls {
export enum Controls {
forward = "forward",
backward = "backward",
left = "left",
@ -215,7 +215,7 @@ function CameraMovement() {
return null;
}
const KEYBOARD_CONTROLS = [
export const KEYBOARD_CONTROLS = [
{ name: Controls.forward, keys: ["KeyW"] },
{ name: Controls.backward, keys: ["KeyS"] },
{ name: Controls.left, keys: ["KeyA"] },
@ -255,9 +255,5 @@ export function ObserverControls() {
};
}, []);
return (
<KeyboardControls map={KEYBOARD_CONTROLS}>
<CameraMovement />
</KeyboardControls>
);
return <CameraMovement />;
}