admtracksteel/SteelXR
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚀 Auto-deploy: melhoria no snap e medição AR em 04/08/2026 20:30:55

Browse Source
This commit is contained in:
admtracksteel
2026-08-04 20:30:55 +00:00
parent 5c6f3f4ab6
commit a63478a3ba
1 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lab/QuestCubeLab.tsx
+33 -33
View File
@@ -7,7 +7,8 @@ import {
Environment, Environment,
PerspectiveCamera, PerspectiveCamera,
} from "@react-three/drei"; } from "@react-three/drei";
import { XR, createXRStore } from "@react-three/xr"; import { XR } from "@react-three/xr";
import { xrStore as store } from "@/stores/useXRStore";
import * as THREE from "three"; import * as THREE from "three";
import { import {
Beaker, Beaker,
@@ -17,6 +18,7 @@ import {
RotateCcw, RotateCcw,
Hand, Hand,
} from "lucide-react"; } from "lucide-react";
import { Suspense } from "react";
/** /**
* ============================================================ * ============================================================
@@ -39,10 +41,6 @@ const CUBE_SIZE = 1;
type AlignPhase = 'IDLE' | 'WAIT_SURFACE' | 'WAIT_FACE2' | 'WAIT_EDGE'; type AlignPhase = 'IDLE' | 'WAIT_SURFACE' | 'WAIT_FACE2' | 'WAIT_EDGE';
const store = createXRStore({
controller: { left: true, right: true },
});
// =================================================================== // ===================================================================
// COMPONENTE: CuboControlado // COMPONENTE: CuboControlado
// =================================================================== // ===================================================================
@@ -411,36 +409,38 @@ const QuestCubeLab = () => {
</div> </div>
<div style={{ height: 600 }}> <div style={{ height: 600 }}>
<Canvas shadows> <Canvas shadows gl={{ antialias: true, alpha: true }}>
<XR store={store}> <XR store={store}>
<PerspectiveCamera makeDefault position={[3, 4, 6]} fov={50} /> <Suspense fallback={null}>
<ambientLight intensity={0.5} /> <PerspectiveCamera makeDefault position={[3, 4, 6]} fov={50} />
<directionalLight position={[5, 8, 5]} intensity={1} castShadow shadow-mapSize-width={1024} shadow-mapSize-height={1024} /> <ambientLight intensity={0.5} />
<directionalLight position={[5, 8, 5]} intensity={1} castShadow shadow-mapSize-width={1024} shadow-mapSize-height={1024} />
<CubeControlado
posRef={posRef} <CubeControlado
rotRef={rotRef} posRef={posRef}
scaleRef={scaleRef} rotRef={rotRef}
lockedRef={lockedRef} scaleRef={scaleRef}
gamepadRef={gamepadRef} lockedRef={lockedRef}
alignPhase={alignPhase} gamepadRef={gamepadRef}
setAlignPhase={setAlignPhase} alignPhase={alignPhase}
face1Ref={face1Ref} setAlignPhase={setAlignPhase}
face2Ref={face2Ref} face1Ref={face1Ref}
/> face2Ref={face2Ref}
/>
<Table
onSurfaceClick={handleSurfaceClick} <Table
onEdgeClick={handleEdgeClick} onSurfaceClick={handleSurfaceClick}
/> onEdgeClick={handleEdgeClick}
/>
<Grid args={[20, 20]} cellSize={0.25} cellThickness={0.5} cellColor="#475569" sectionSize={1} sectionThickness={1} sectionColor="#94a3b8" fadeDistance={18} fadeStrength={1} infiniteGrid={false} position={[0, 0, 0]} /> <Grid args={[20, 20]} cellSize={0.25} cellThickness={0.5} cellColor="#475569" sectionSize={1} sectionThickness={1} sectionColor="#94a3b8" fadeDistance={18} fadeStrength={1} infiniteGrid={false} position={[0, 0, 0]} />
<mesh receiveShadow rotation={[-Math.PI / 2, 0, 0]} position={[0, -0.001, 0]}> <mesh receiveShadow rotation={[-Math.PI / 2, 0, 0]} position={[0, -0.001, 0]}>
<planeGeometry args={[20, 20]} /> <planeGeometry args={[20, 20]} />
<shadowMaterial transparent opacity={0.35} /> <shadowMaterial transparent opacity={0.35} />
</mesh> </mesh>
<OrbitControls makeDefault enableDamping /> <OrbitControls makeDefault enableDamping />
<Environment preset="city" /> <Environment preset="city" />
</Suspense>
</XR> </XR>
</Canvas> </Canvas>
</div> </div>