wip

2026-05-30 12:14:01 +02:00 · 2026-02-16 10:27:13 +09:00
parent 0397fccdb3
commit 4da92509cb
2 changed files with 120 additions and 123 deletions
--- a/packages/frontend/src/utility/room/utility.ts
+++ b/packages/frontend/src/utility/room/utility.ts
@@ -31,3 +31,120 @@ export function yuge(room: RoomEngine, mesh: BABYLON.Mesh, offset: BABYLON.Vecto
 	ps.preWarmCycles = Math.random() * 1000;
 	ps.start();
 }
+
+const _assumedFramesPerSecond = 60;
+
+export class HorizontalCameraKeyboardMoveInput extends BABYLON.BaseCameraPointersInput {
+	public camera: BABYLON.FreeCamera;
+	private engine: BABYLON.AbstractEngine;
+	private scene: BABYLON.Scene;
+	moveSpeed = 6 / _assumedFramesPerSecond;
+	preShift = false;
+	codes = [];
+	codesUp = ['KeyW'];
+	codesDown = ['KeyS'];
+	codesLeft = ['KeyA'];
+	codesRight = ['KeyD'];
+	onCanvasBlurObserver = null;
+	onKeyboardObserver = null;
+	public canMove = true;
+
+	constructor(camera: BABYLON.UniversalCamera) {
+		super();
+		this.camera = camera;
+		this.scene = this.camera.getScene();
+		this.engine = this.scene.getEngine();
+	}
+
+	attachControl() {
+		if (this.onCanvasBlurObserver) {
+			return;
+		}
+
+		this.onCanvasBlurObserver = this.engine.onCanvasBlurObservable.add(() => {
+			this.codes = [];
+		});
+
+		this.onKeyboardObserver = this.scene.onKeyboardObservable.add(({ event, type }) => {
+			const { code, shiftKey } = event;
+			this.preShift = shiftKey;
+
+			if (type === BABYLON.KeyboardEventTypes.KEYDOWN) {
+				if (this.codesUp.indexOf(code) >= 0 ||
+					this.codesDown.indexOf(code) >= 0 ||
+					this.codesLeft.indexOf(code) >= 0 ||
+					this.codesRight.indexOf(code) >= 0) {
+					const index = this.codes.findIndex(v => v.code === code);
+					if (index < 0) { // 存在しなかったら追加する
+						this.codes.push({ code });
+					}
+					event.preventDefault();
+					(event as KeyboardEvent).stopPropagation();
+				}
+			} else {
+				if (this.codesUp.indexOf(code) >= 0 ||
+					this.codesDown.indexOf(code) >= 0 ||
+					this.codesLeft.indexOf(code) >= 0 ||
+					this.codesRight.indexOf(code) >= 0) {
+					const index = this.codes.findIndex(v => v.code === code);
+					if (index >= 0) { // 存在したら削除する
+						this.codes.splice(index, 1);
+					}
+					event.preventDefault();
+					(event as KeyboardEvent).stopPropagation();
+				}
+			}
+		});
+	}
+
+	detachControl() {
+		this.codes = [];
+
+		if (this.onKeyboardObserver) this.scene.onKeyboardObservable.remove(this.onKeyboardObserver);
+		if (this.onCanvasBlurObserver) this.engine.onCanvasBlurObservable.remove(this.onCanvasBlurObserver);
+		this.onKeyboardObserver = null;
+		this.onCanvasBlurObserver = null;
+	}
+
+	checkInputs() {
+		if (!this.onKeyboardObserver) {
+			return;
+		}
+		for (let index = 0; index < this.codes.length; index++) {
+			const { code } = this.codes[index];
+
+			const local = new BABYLON.Vector3();
+			if (this.codesLeft.indexOf(code) >= 0) {
+				local.x += -1;
+			} else if (this.codesUp.indexOf(code) >= 0) {
+				local.z += this.scene.useRightHandedSystem ? -1 : 1;
+			} else if (this.codesRight.indexOf(code) >= 0) {
+				local.x += 1;
+			} else if (this.codesDown.indexOf(code) >= 0) {
+				local.z += this.scene.useRightHandedSystem ? 1 : -1;
+			}
+
+			if (local.length() === 0) {
+				continue;
+			}
+
+			const dir = this.camera.getDirection(local.normalize());
+			dir.y = 0;
+			dir.normalize();
+			const rate = this.preShift ? 3 : 1;
+			const move = dir.scale(this.moveSpeed * rate);
+
+			if (this.canMove) {
+				this.camera.cameraDirection.addInPlace(move);
+			}
+		}
+	}
+
+	getClassName() {
+		return 'HorizontalCameraKeyboardMoveInput';
+	}
+
+	getSimpleName() {
+		return 'horizontalkeyboard';
+	}
+}