MayaTheShy/remoteturtle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance interaction modes with detailed comments in Map3D component

Browse Source
This commit is contained in:
MayaTheShy
2026-02-20 02:17:13 -05:00
parent eff33dfe09
commit e62e83cf33
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/components/Map3D.jsx
View File

@@ -1,9 +1,17 @@
import React, { useRef, useMemo, useEffect, useState } from 'react'; import React, { useRef, useMemo, useEffect, useState, useCallback } from 'react';
import { Canvas, useFrame, useLoader } from '@react-three/fiber'; import { Canvas, useFrame, useLoader, useThree } from '@react-three/fiber';
import { OrbitControls, Grid, Text, Line } from '@react-three/drei'; import { OrbitControls, Grid, Text, Line } from '@react-three/drei';
import * as THREE from 'three'; import * as THREE from 'three';
import { useTurtleStore } from '../store/turtleStore'; import { useTurtleStore } from '../store/turtleStore';
// World interaction modes
const INTERACTION_MODE = {
LOOK: 'look', // Default orbit camera
MOVE: 'move', // Click block to send turtle there
BUILD: 'build', // Click face to place block preview
SELECT: 'select' // Click-drag area selection
};
// Texture mapping for Minecraft blocks // Texture mapping for Minecraft blocks
const TEXTURE_MAP = { const TEXTURE_MAP = {
// Basic blocks // Basic blocks