math-pixel/La-Fabrik
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

fix: format

Browse Source
This commit is contained in:
math-pixel
2026-04-27 13:57:17 +02:00
parent bcf3a63fc5
commit 753a767662
6 changed files with 2430 additions and 10241 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/map.json
+2269 -10129
View File
File diff suppressed because it is too large Load Diff
src/components/editor/EditorPage.tsx
+40 -9
View File
@@ -107,7 +107,8 @@ export function EditorPage(): React.JSX.Element {
setTransformMode(mode);
}, []);
const applySnapshot = useCallback((snapshot: ObjectTransform[]) => {
const applySnapshot = useCallback(
(snapshot: ObjectTransform[]) => {
if (!sceneData) return;
setSceneData((prev) => {
if (!prev) return null;
@@ -116,16 +117,30 @@ export function EditorPage(): React.JSX.Element {
if (transform) {
return {
...node,
position: [transform.position.x, transform.position.y, transform.position.z] as [number, number, number],
rotation: [transform.rotation.x, transform.rotation.y, transform.rotation.z] as [number, number, number],
scale: [transform.scale.x, transform.scale.y, transform.scale.z] as [number, number, number],
position: [
transform.position.x,
transform.position.y,
transform.position.z,
] as [number, number, number],
rotation: [
transform.rotation.x,
transform.rotation.y,
transform.rotation.z,
] as [number, number, number],
scale: [
transform.scale.x,
transform.scale.y,
transform.scale.z,
] as [number, number, number],
};
}
return node;
});
return { ...prev, mapNodes: newMapNodes };
});
}, [sceneData]);
},
[sceneData],
);
const handleUndo = useCallback(() => {
const snapshot = historyManager.current.undo();
@@ -192,8 +207,16 @@ export function EditorPage(): React.JSX.Element {
if (!sceneData) return;
const snapshot = sceneData.mapNodes.map((node, index) => ({
uuid: `node-${index}`,
position: { x: node.position[0], y: node.position[1], z: node.position[2] },
rotation: { x: node.rotation[0], y: node.rotation[1], z: node.rotation[2] },
position: {
x: node.position[0],
y: node.position[1],
z: node.position[2],
},
rotation: {
x: node.rotation[0],
y: node.rotation[1],
z: node.rotation[2],
},
scale: { x: node.scale[0], y: node.scale[1], z: node.scale[2] },
}));
historyManager.current.saveSnapshot(snapshot);
@@ -203,8 +226,16 @@ export function EditorPage(): React.JSX.Element {
if (!sceneData) return;
const snapshot = sceneData.mapNodes.map((node, index) => ({
uuid: `node-${index}`,
position: { x: node.position[0], y: node.position[1], z: node.position[2] },
rotation: { x: node.rotation[0], y: node.rotation[1], z: node.rotation[2] },
position: {
x: node.position[0],
y: node.position[1],
z: node.position[2],
},
rotation: {
x: node.rotation[0],
y: node.rotation[1],
z: node.rotation[2],
},
scale: { x: node.scale[0], y: node.scale[1], z: node.scale[2] },
}));
historyManager.current.saveSnapshot(snapshot);
src/components/editor/FlyController.tsx
+41 -23
View File
@@ -1,7 +1,13 @@
import { useRef, useEffect, useCallback, forwardRef, useImperativeHandle } from 'react';
import { useFrame, useThree } from '@react-three/fiber';
import { OrbitControls } from '@react-three/drei';
import * as THREE from 'three';
import {
useRef,
useEffect,
useCallback,
forwardRef,
useImperativeHandle,
} from "react";
import { useFrame, useThree } from "@react-three/fiber";
import { OrbitControls } from "@react-three/drei";
import * as THREE from "three";
interface FlyControllerProps {
speed?: number;
@@ -14,12 +20,11 @@ export interface FlyControllerRef {
controls: any;
}
const FlyControllerInner = forwardRef<FlyControllerRef, FlyControllerProps>(({
speed = 10,
verticalSpeed = 5,
onPositionChange,
disabled = false
}, ref) => {
const FlyControllerInner = forwardRef<FlyControllerRef, FlyControllerProps>(
(
{ speed = 10, verticalSpeed = 5, onPositionChange, disabled = false },
ref,
) => {
const { camera } = useThree();
const keys = useRef<{ [key: string]: boolean }>({});
const controlsRef = useRef<any>(null);
@@ -38,11 +43,11 @@ const FlyControllerInner = forwardRef<FlyControllerRef, FlyControllerProps>(({
}, []);
useEffect(() => {
window.addEventListener('keydown', handleKeyDown);
window.addEventListener('keyup', handleKeyUp);
window.addEventListener("keydown", handleKeyDown);
window.addEventListener("keyup", handleKeyUp);
return () => {
window.removeEventListener('keydown', handleKeyDown);
window.removeEventListener('keyup', handleKeyUp);
window.removeEventListener("keydown", handleKeyDown);
window.removeEventListener("keyup", handleKeyUp);
};
}, [handleKeyDown, handleKeyUp]);
@@ -54,14 +59,26 @@ const FlyControllerInner = forwardRef<FlyControllerRef, FlyControllerProps>(({
// ZQSD (AZERTY): Z=forward, S=backward, Q=left, D=right
// Support aussi QWERTY et flèches
const isForward = keys.current['KeyW'] || keys.current['KeyZ'] || keys.current['ArrowUp'];
const isBackward = keys.current['KeyS'] || keys.current['ArrowDown'];
const isLeft = keys.current['KeyQ'] || keys.current['KeyA'] || keys.current['ArrowLeft'];
const isRight = keys.current['KeyD'] || keys.current['ArrowRight'];
const isForward =
keys.current["KeyW"] || keys.current["KeyZ"] || keys.current["ArrowUp"];
const isBackward = keys.current["KeyS"] || keys.current["ArrowDown"];
const isLeft =
keys.current["KeyQ"] ||
keys.current["KeyA"] ||
keys.current["ArrowLeft"];
const isRight = keys.current["KeyD"] || keys.current["ArrowRight"];
const direction = new THREE.Vector3();
const frontVector = new THREE.Vector3(0, 0, Number(isBackward) - Number(isForward));
const sideVector = new THREE.Vector3(Number(isRight) - Number(isLeft), 0, 0);
const frontVector = new THREE.Vector3(
0,
0,
Number(isBackward) - Number(isForward),
);
const sideVector = new THREE.Vector3(
Number(isRight) - Number(isLeft),
0,
0,
);
direction.subVectors(frontVector, sideVector);
if (direction.lengthSq() > 0) {
@@ -71,10 +88,10 @@ const FlyControllerInner = forwardRef<FlyControllerRef, FlyControllerProps>(({
}
// Space = monter, Shift = descendre
if (keys.current['Space']) {
if (keys.current["Space"]) {
camera.position.y += verticalSpeed * delta;
}
if (keys.current['ShiftLeft'] || keys.current['ShiftRight']) {
if (keys.current["ShiftLeft"] || keys.current["ShiftRight"]) {
camera.position.y -= verticalSpeed * delta;
}
@@ -97,6 +114,7 @@ const FlyControllerInner = forwardRef<FlyControllerRef, FlyControllerProps>(({
}}
/>
);
});
},
);
export default FlyControllerInner;