Remove attach="x" to reflect r3f v5

Author: stockhuman

examples/src/demos/Chain.js

@@ -30,8 +30,8 @@ const ChainLink = ({ children, ...props }) => {
   return (
     <>
       <mesh ref={ref} {...props}>
-        <cylinderBufferGeometry attach="geometry" args={[chainSize[0], chainSize[0], chainSize[1], 8]} />
-        <meshStandardMaterial attach="material" />
+        <cylinderBufferGeometry args={[chainSize[0], chainSize[0], chainSize[1], 8]} />
+        <meshStandardMaterial />
       </mesh>
       <parent.Provider value={ref}>{children}</parent.Provider>
     </>
@@ -45,8 +45,8 @@ const Handle = ({ children, ...props }) => {
   return (
     <group>
       <mesh ref={ref} position={props.position}>
-        <sphereBufferGeometry attach="geometry" args={[0.5, 64, 64]} />
-        <meshStandardMaterial attach="material" />
+        <sphereBufferGeometry args={[0.5, 64, 64]} />
+        <meshStandardMaterial />
       </mesh>
       <parent.Provider value={ref}>{children}</parent.Provider>
     </group>

examples/src/demos/CompoundBody.js

@@ -7,12 +7,12 @@ function Plane(props) {
   return (
     <group ref={ref}>
       <mesh>
-        <planeBufferGeometry attach="geometry" args={[8, 8]} />
-        <meshBasicMaterial attach="material" color="#ffb385" />
+        <planeBufferGeometry args={[8, 8]} />
+        <meshBasicMaterial color="#ffb385" />
       </mesh>
       <mesh receiveShadow>
-        <planeBufferGeometry attach="geometry" args={[8, 8]} />
-        <shadowMaterial attach="material" color="lightsalmon" />
+        <planeBufferGeometry args={[8, 8]} />
+        <shadowMaterial color="lightsalmon" />
       </mesh>
     </group>
   )
@@ -32,12 +32,12 @@ function CompoundBody(props) {
   return (
     <group ref={ref}>
       <mesh castShadow>
-        <boxBufferGeometry attach="geometry" args={boxSize} />
-        <meshNormalMaterial attach="material" />
+        <boxBufferGeometry args={boxSize} />
+        <meshNormalMaterial />
       </mesh>
       <mesh castShadow position={[1, 0, 0]}>
-        <sphereBufferGeometry attach="geometry" args={[sphereRadius, 16, 16]} />
-        <meshNormalMaterial attach="material" />
+        <sphereBufferGeometry args={[sphereRadius, 16, 16]} />
+        <meshNormalMaterial />
       </mesh>
     </group>
   )

examples/src/demos/Constraints.js

@@ -15,8 +15,8 @@ const Box = React.forwardRef((props, ref) => {
   )
   return (
     <mesh ref={ref}>
-      <boxBufferGeometry attach="geometry" args={boxSize} />
-      <meshNormalMaterial attach="material" />
+      <boxBufferGeometry args={boxSize} />
+      <meshNormalMaterial />
     </mesh>
   )
 })
@@ -26,8 +26,8 @@ const Ball = React.forwardRef((props, ref) => {
   useFrame((e) => position.set((e.mouse.x * e.viewport.width) / 2, (e.mouse.y * e.viewport.height) / 2, 0))
   return (
     <mesh ref={ref}>
-      <sphereBufferGeometry attach="geometry" args={[0.5, 64, 64]} />
-      <meshNormalMaterial attach="material" />
+      <sphereBufferGeometry args={[0.5, 64, 64]} />
+      <meshNormalMaterial />
     </mesh>
   )
 })

examples/src/demos/ConvexPolyhedron.js

@@ -18,8 +18,8 @@ function Diamond(props) {
 
   const [ref] = useConvexPolyhedron(() => ({ mass: 100, ...props, args: geo }))
   return (
-    <mesh castShadow receiveShadow ref={ref} geometry={geo} {...props} dispose={null}>
-      <meshStandardMaterial attach="material" wireframe />
+    <mesh castShadow receiveShadow ref={ref} geometry={geo} {...props}>
+      <meshStandardMaterial wireframe />
     </mesh>
   )
 }
@@ -33,8 +33,8 @@ function Cone({ sides, ...props }) {
   }, [])
   const [ref] = useConvexPolyhedron(() => ({ mass: 100, ...props, args: geo }))
   return (
-    <mesh castShadow ref={ref} {...props} geometry={geo} dispose={null}>
-      <meshNormalMaterial attach="material" />
+    <mesh castShadow ref={ref} {...props} geometry={geo}>
+      <meshNormalMaterial />
     </mesh>
   )
 }
@@ -48,8 +48,8 @@ function Cube({ size, ...props }) {
   }, [])
   const [ref] = useConvexPolyhedron(() => ({ mass: 100, ...props, args: geo }))
   return (
-    <mesh castShadow ref={ref} {...props} geometry={geo} dispose={null}>
-      <meshNormalMaterial attach="material" />
+    <mesh castShadow ref={ref} {...props} geometry={geo}>
+      <meshNormalMaterial />
     </mesh>
   )
 }
@@ -58,8 +58,8 @@ function Plane(props) {
   const [ref] = usePlane(() => ({ type: 'Static', ...props }))
   return (
     <mesh ref={ref} receiveShadow>
-      <planeBufferGeometry attach="geometry" args={[5, 5]} />
-      <shadowMaterial attach="material" color="#171717" />
+      <planeBufferGeometry args={[5, 5]} />
+      <shadowMaterial color="#171717" />
     </mesh>
   )
 }

examples/src/demos/CubeHeap.js

@@ -8,8 +8,8 @@ function Plane(props) {
   const [ref] = usePlane(() => ({ ...props }))
   return (
     <mesh ref={ref} receiveShadow>
-      <planeBufferGeometry attach="geometry" args={[5, 5]} />
-      <shadowMaterial attach="material" color="#171717" />
+      <planeBufferGeometry args={[5, 5]} />
+      <shadowMaterial color="#171717" />
     </mesh>
   )
 }
@@ -37,10 +37,10 @@ function Cubes({ number }) {
 
   return (
     <instancedMesh receiveShadow castShadow ref={ref} args={[null, null, number]}>
-      <boxBufferGeometry attach="geometry" args={boxSize}>
+      <boxBufferGeometry args={boxSize}>
         <instancedBufferAttribute attachObject={['attributes', 'color']} args={[colors, 3]} />
       </boxBufferGeometry>
-      <meshLambertMaterial attach="material" vertexColors={THREE.VertexColors} />
+      <meshLambertMaterial vertexColors={THREE.VertexColors} />
     </instancedMesh>
   )
 }

examples/src/demos/KinematicCube.js

@@ -8,8 +8,8 @@ function Plane({ color, ...props }) {
   const [ref] = usePlane(() => ({ ...props }))
   return (
     <mesh ref={ref} receiveShadow>
-      <planeBufferGeometry attach="geometry" args={[1000, 1000]} />
-      <meshPhongMaterial attach="material" color={color} />
+      <planeBufferGeometry args={[1000, 1000]} />
+      <meshPhongMaterial color={color} />
     </mesh>
   )
 }
@@ -24,8 +24,8 @@ function Box() {
   })
   return (
     <mesh ref={ref} castShadow receiveShadow>
-      <boxBufferGeometry attach="geometry" args={boxSize} />
-      <meshLambertMaterial attach="material" color="white" side={THREE.DoubleSide} />
+      <boxBufferGeometry args={boxSize} />
+      <meshLambertMaterial color="white" side={THREE.DoubleSide} />
     </mesh>
   )
 }
@@ -49,10 +49,10 @@ function InstancedSpheres({ number = 100 }) {
 
   return (
     <instancedMesh ref={ref} castShadow receiveShadow args={[null, null, number]}>
-      <sphereBufferGeometry attach="geometry" args={[1, 16, 16]}>
+      <sphereBufferGeometry args={[1, 16, 16]}>
         <instancedBufferAttribute attachObject={['attributes', 'color']} args={[colors, 3]} />
       </sphereBufferGeometry>
-      <meshPhongMaterial attach="material" vertexColors={THREE.VertexColors} />
+      <meshPhongMaterial vertexColors={THREE.VertexColors} />
     </instancedMesh>
   )
 }

examples/src/demos/Pingpong/Text.js

@@ -4,7 +4,7 @@ import fontJson from './resources/firasans_regular.json'
 
 const font = new THREE.FontLoader().parse(fontJson)
 const geom = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].map(
-  number => new THREE.TextGeometry(number, { font, size: 5, height: 0.1 })
+  (number) => new THREE.TextGeometry(number, { font, size: 5, height: 0.1 })
 )
 
 const Text = forwardRef(
@@ -17,7 +17,7 @@ const Text = forwardRef(
             position={[-(array.length / 2) * 3.5 + index * 3.5, 0, 0]}
             key={index}
             geometry={geom[parseInt(char)]}>
-            <meshBasicMaterial attach="material" color={color} transparent opacity={0.5} />
+            <meshBasicMaterial color={color} transparent opacity={0.5} />
           </mesh>
         ))}
       </group>