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:11:57

Browse Source
This commit is contained in:
admtracksteel
2026-08-04 20:11:57 +00:00
parent 245cfd4b2f
commit aca3cede7c
1 changed files with 36 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lab/QuestCubeLab.tsx
+36 -37
View File
@@ -7,6 +7,7 @@ import {
Environment,
PerspectiveCamera,
} from "@react-three/drei";
import { XR, createXRStore } from "@react-three/xr";
import * as THREE from "three";
import {
Beaker,
@@ -38,6 +39,10 @@ const CUBE_SIZE = 1;
type AlignPhase = 'IDLE' | 'WAIT_SURFACE' | 'WAIT_FACE2' | 'WAIT_EDGE';
const store = createXRStore({
controller: { left: true, right: true },
});
// ===================================================================
// COMPONENTE: CuboControlado
// ===================================================================
@@ -274,16 +279,8 @@ const QuestCubeLab = () => {
setAlignPhase('IDLE');
};
const enterXR = async () => {
try {
const xr = (navigator as Navigator & { xr?: { requestSession: (mode: string) => Promise<unknown> } })?.xr;
if (!xr) return;
const session = await xr.requestSession("immersive-ar");
void session;
alert("XR session requisitada.");
} catch (e) {
alert("Falha ao entrar em XR: " + (e as Error).message);
}
const enterXR = () => {
store.enterAR();
};
const handleSurfaceClick = (point: THREE.Vector3, normal: THREE.Vector3) => {
@@ -415,34 +412,36 @@ const QuestCubeLab = () => {
<div style={{ height: 600 }}>
<Canvas shadows>
<PerspectiveCamera makeDefault position={[3, 4, 6]} fov={50} />
<ambientLight intensity={0.5} />
<directionalLight position={[5, 8, 5]} intensity={1} castShadow shadow-mapSize-width={1024} shadow-mapSize-height={1024} />
<CubeControlado
posRef={posRef}
rotRef={rotRef}
scaleRef={scaleRef}
lockedRef={lockedRef}
gamepadRef={gamepadRef}
alignPhase={alignPhase}
setAlignPhase={setAlignPhase}
face1Ref={face1Ref}
face2Ref={face2Ref}
/>
<Table
onSurfaceClick={handleSurfaceClick}
onEdgeClick={handleEdgeClick}
/>
<XR store={store}>
<PerspectiveCamera makeDefault position={[3, 4, 6]} fov={50} />
<ambientLight intensity={0.5} />
<directionalLight position={[5, 8, 5]} intensity={1} castShadow shadow-mapSize-width={1024} shadow-mapSize-height={1024} />
<CubeControlado
posRef={posRef}
rotRef={rotRef}
scaleRef={scaleRef}
lockedRef={lockedRef}
gamepadRef={gamepadRef}
alignPhase={alignPhase}
setAlignPhase={setAlignPhase}
face1Ref={face1Ref}
face2Ref={face2Ref}
/>
<Table
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]} />
<mesh receiveShadow rotation={[-Math.PI / 2, 0, 0]} position={[0, -0.001, 0]}>
<planeGeometry args={[20, 20]} />
<shadowMaterial transparent opacity={0.35} />
</mesh>
<OrbitControls makeDefault enableDamping />
<Environment preset="city" />
<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]}>
<planeGeometry args={[20, 20]} />
<shadowMaterial transparent opacity={0.35} />
</mesh>
<OrbitControls makeDefault enableDamping />
<Environment preset="city" />
</XR>
</Canvas>
</div>