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