diff --git a/packages/react-three-jolt/src/components/Floor.tsx b/apps/examples/src/components/Floor.tsx similarity index 76% rename from packages/react-three-jolt/src/components/Floor.tsx rename to apps/examples/src/components/Floor.tsx index 3a633fd..8682e6b 100644 --- a/packages/react-three-jolt/src/components/Floor.tsx +++ b/apps/examples/src/components/Floor.tsx @@ -1,7 +1,4 @@ -// Floor component for jolt. it's essentially just a box -import React from 'react'; -import { RigidBody } from './RigidBody'; -//import { useEffect } from 'react'; +import { RigidBody } from '@react-three/jolt'; import * as THREE from 'three'; export const Floor = (props: any) => { diff --git a/apps/examples/src/examples/CubeHeap.tsx b/apps/examples/src/examples/CubeHeap.tsx index 166d619..fb6683a 100644 --- a/apps/examples/src/examples/CubeHeap.tsx +++ b/apps/examples/src/examples/CubeHeap.tsx @@ -1,15 +1,15 @@ -import * as THREE from 'three'; -import { useEffect, useRef } from 'react'; - import { - RigidBody, - Floor, BodyState, InstancedRigidBodyMesh, + RigidBody, + useConst, useJolt, + useSetInterval, } from '@react-three/jolt'; -import { useConst, useSetInterval } from '@react-three/jolt'; import { useControls } from 'leva'; +import { useEffect, useRef } from 'react'; +import * as THREE from 'three'; +import { Floor } from '../components/Floor'; // this is going to be the instancedMesh version export function CubeHeap() { diff --git a/apps/examples/src/examples/Heightfield.tsx b/apps/examples/src/examples/Heightfield.tsx index 531b2b8..210233f 100644 --- a/apps/examples/src/examples/Heightfield.tsx +++ b/apps/examples/src/examples/Heightfield.tsx @@ -129,7 +129,6 @@ export function HeightfieldDemo() { ))} - {/* */} ); } diff --git a/apps/examples/src/examples/JustBoxes.tsx b/apps/examples/src/examples/JustBoxes.tsx index d0bee35..b33e0e4 100644 --- a/apps/examples/src/examples/JustBoxes.tsx +++ b/apps/examples/src/examples/JustBoxes.tsx @@ -1,4 +1,5 @@ -import { RigidBody, Floor } from '@react-three/jolt'; +import { RigidBody } from '@react-three/jolt'; +import { Floor } from '../components/Floor'; export function JustBoxes() { //const { physicsSystem } = useJolt(); diff --git a/apps/examples/src/examples/RaycastManyDemo.tsx b/apps/examples/src/examples/RaycastManyDemo.tsx index cfec74f..25ba1f9 100644 --- a/apps/examples/src/examples/RaycastManyDemo.tsx +++ b/apps/examples/src/examples/RaycastManyDemo.tsx @@ -1,14 +1,13 @@ -import { useRef, useEffect } from 'react'; -import * as THREE from 'three'; import { useFrame } from '@react-three/fiber'; - import { + RaycastHit, + Raycaster, RigidBody, + useCommand, useRaycaster, - Raycaster, - RaycastHit, } from '@react-three/jolt'; -import { useCommand } from '@react-three/jolt'; +import { useEffect, useRef } from 'react'; +import * as THREE from 'three'; // prop holders const _position = new THREE.Vector3(); diff --git a/apps/examples/src/examples/RaycastSimpleDemo.tsx b/apps/examples/src/examples/RaycastSimpleDemo.tsx index 44afb86..a25da5f 100644 --- a/apps/examples/src/examples/RaycastSimpleDemo.tsx +++ b/apps/examples/src/examples/RaycastSimpleDemo.tsx @@ -1,18 +1,18 @@ -import { useEffect, useRef } from 'react'; import { useThree } from '@react-three/fiber'; import { - RigidBody, - Raycaster, RaycastHit, + Raycaster, + RigidBody, + useConst, useJolt, useMulticaster, useRaycaster, - Floor, useSetTimeout, useUnmount, - useConst, } from '@react-three/jolt'; +import { useEffect, useRef } from 'react'; import * as THREE from 'three'; +import { Floor } from '../components/Floor'; export function RaycastSimpleDemo() { const raycaster: Raycaster = useRaycaster();