feat: move Floor component from @react-three/jolt to examples app

packages/react-three-jolt/src/components/Floor.tsx → 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) => {

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() {

apps/examples/src/examples/Heightfield.tsx

@@ -129,7 +129,6 @@ export function HeightfieldDemo() {
         </RigidBody>
       ))}
       <Heightfield url="heightmaps/wp1024.png" size={512} />
-      {/* <Floor size="150" position={[0, 0, 0]} /> */}
     </>
   );
 }

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();

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();

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();