@wandelbots/wandelbots-js-react-components 1.3.0 → 1.3.2

package/src/components/robots/FANUC_CRX25iA.tsx

@@ -0,0 +1,167 @@
+import { useGLTF } from "@react-three/drei"
+import type * as THREE from "three"
+import type { RobotProps } from "./SupportedRobot"
+import { animated } from "@react-spring/three"
+import RobotAnimator from "./RobotAnimator"
+
+export function FANUC_CRX25iA({ modelURL, connectedMotionGroup, ...props }: RobotProps) {
+  const gltf = useGLTF(modelURL) as any
+  const nodes = gltf.nodes
+  const materials = gltf.materials
+  const rotationOffsets = [0, Math.PI / 2, 0, 0, 0, 0]
+
+  function setRotation(jointObjects: THREE.Object3D[], jointValues: number[]) {
+    jointObjects.forEach(
+      (object, index) =>
+        (object.rotation.y = jointValues[index]! + rotationOffsets[index]!),
+    )
+  }
+
+  return (
+    <>
+      <RobotAnimator
+        connectedMotionGroup={connectedMotionGroup}
+        robotRootObjectName="Scene"
+        onRotationChanged={setRotation}
+      />
+      <group {...props} dispose={null}>
+        <group name="Scene" position={[0, -0.37, 0]}>
+          <group name="CRX25iA_L00">
+            <mesh
+              name="J1BASE_NetGen_Coarse"
+              castShadow
+              receiveShadow
+              geometry={nodes.J1BASE_NetGen_Coarse.geometry}
+              material={materials.Fanuc_BlackMetal}
+            />
+            <mesh
+              name="J1BASE_NetGen_Coarse_1"
+              castShadow
+              receiveShadow
+              geometry={nodes.J1BASE_NetGen_Coarse_1.geometry}
+              material={materials.Fanuc_GreenPlastic}
+            />
+          </group>
+          <animated.group name="CRX25iA_J00">
+            <animated.group
+              name="CRX25iA_J01"
+              position={[0, 0.37, 0]}
+              rotation={[Math.PI / 2, Math.PI / 2, 0]}
+            >
+              <animated.group name="CRX25iA_J02" position={[0.95, 0, 0]}>
+                <animated.group
+                  name="CRX25iA_J03"
+                  rotation={[-Math.PI / 2, 0, 0]}
+                >
+                  <animated.group
+                    name="CRX25iA_J04"
+                    position={[0, -0.75, 0]}
+                    rotation={[Math.PI / 2, 0, 0]}
+                  >
+                    <animated.group
+                      name="CRX25iA_J05"
+                      position={[0, 0.185, 0]}
+                      rotation={[-Math.PI / 2, 0, 0]}
+                    >
+                      <group
+                        name="CRX25iA_FLG"
+                        position={[0, -0.18, 0]}
+                        rotation={[-Math.PI, 0, 0]}
+                      />
+                      <mesh
+                        name="CRX25iA_L06"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.CRX25iA_L06.geometry}
+                        material={materials.Fanuc_BlackMetal}
+                        position={[0, -0.18, 0]}
+                      />
+                    </animated.group>
+                    <group name="CRX25iA_L05" position={[0, 0.185, 0]}>
+                      <mesh
+                        name="J6CASING_NetGen_Coarse"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.J6CASING_NetGen_Coarse.geometry}
+                        material={materials.Fanuc_WhitePlastic}
+                      />
+                      <mesh
+                        name="J6CASING_NetGen_Coarse_1"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.J6CASING_NetGen_Coarse_1.geometry}
+                        material={materials.Fanuc_GreenPlastic}
+                      />
+                    </group>
+                  </animated.group>
+                  <group name="CRX25iA_L04" position={[0, -0.75, 0]}>
+                    <mesh
+                      name="J3ARM_NetGen_Coarse"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.J3ARM_NetGen_Coarse.geometry}
+                      material={materials.Fanuc_WhitePlastic}
+                    />
+                    <mesh
+                      name="J3ARM_NetGen_Coarse_1"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.J3ARM_NetGen_Coarse_1.geometry}
+                      material={materials.Fanuc_RedPlastic}
+                    />
+                    <mesh
+                      name="J3ARM_NetGen_Coarse_2"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.J3ARM_NetGen_Coarse_2.geometry}
+                      material={materials.Fanuc_BlackPlastic}
+                    />
+                  </group>
+                </animated.group>
+                <group name="CRX25iA_L03">
+                  <mesh
+                    name="J3CASING_NetGen_Coarse"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.J3CASING_NetGen_Coarse.geometry}
+                    material={materials.Fanuc_WhitePlastic}
+                  />
+                  <mesh
+                    name="J3CASING_NetGen_Coarse_1"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.J3CASING_NetGen_Coarse_1.geometry}
+                    material={materials.Fanuc_GreenPlastic}
+                  />
+                </group>
+              </animated.group>
+              <mesh
+                name="CRX25iA_L02"
+                castShadow
+                receiveShadow
+                geometry={nodes.CRX25iA_L02.geometry}
+                material={materials.Fanuc_WhitePlastic}
+              />
+            </animated.group>
+            <group name="CRX25iA_L01" position={[0, 0.18, 0]}>
+              <mesh
+                name="J2BASE_NetGen_Coarse"
+                castShadow
+                receiveShadow
+                geometry={nodes.J2BASE_NetGen_Coarse.geometry}
+                material={materials.Fanuc_WhitePlastic}
+              />
+              <mesh
+                name="J2BASE_NetGen_Coarse_1"
+                castShadow
+                receiveShadow
+                geometry={nodes.J2BASE_NetGen_Coarse_1.geometry}
+                material={materials.Fanuc_GreenLED}
+              />
+            </group>
+          </animated.group>
+        </group>
+      </group>
+    </>
+  )
+}

package/src/components/robots/FANUC_CRX25iAL.tsx

@@ -0,0 +1,178 @@
+import { useGLTF } from "@react-three/drei"
+import type * as THREE from "three"
+import type { RobotProps } from "./SupportedRobot"
+import { animated } from "@react-spring/three"
+import RobotAnimator from "./RobotAnimator"
+
+export function FANUC_CRX25iAL({ modelURL, connectedMotionGroup, ...props }: RobotProps) {
+  const gltf = useGLTF(modelURL) as any
+  const nodes = gltf.nodes
+  const materials = gltf.materials
+  const rotationOffsets = [0, Math.PI / 2, 0, 0, 0, 0]
+
+  function setRotation(jointObjects: THREE.Object3D[], jointValues: number[]) {
+    jointObjects.forEach(
+      (object, index) =>
+        (object.rotation.y = jointValues[index]! + rotationOffsets[index]!),
+    )
+  }
+
+  return (
+    <>
+      <RobotAnimator
+        connectedMotionGroup={connectedMotionGroup}
+        robotRootObjectName="Scene"
+        onRotationChanged={setRotation}
+      />
+      <group {...props} dispose={null}>
+        <group name="Scene">
+          <animated.group name="CRX10iA_J00">
+            <animated.group
+              name="CRX10iA_J01"
+              position={[0, 0.245, 0]}
+              rotation={[Math.PI / 2, Math.PI / 2, 0]}
+            >
+              <animated.group name="CRX10iA_J02" position={[0.71, 0, 0]}>
+                <animated.group
+                  name="CRX10iA_J03"
+                  rotation={[-Math.PI / 2, 0, 0]}
+                >
+                  <animated.group
+                    name="CRX10iA_J04"
+                    position={[0, -0.54, 0]}
+                    rotation={[Math.PI / 2, 0, 0]}
+                  >
+                    <animated.group
+                      name="CRX10iA_J05"
+                      position={[0, 0.15, 0]}
+                      rotation={[-Math.PI / 2, 0, 0]}
+                    >
+                      <group
+                        name="CRX10iA_FLG"
+                        position={[0, -0.16, 0]}
+                        rotation={[-Math.PI, 0, 0]}
+                      />
+                      <mesh
+                        name="CRX10iA_L06"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.CRX10iA_L06.geometry}
+                        material={materials["Fanuc_BlackMetal.001"]}
+                        position={[0, -0.16, 0]}
+                        rotation={[0, 0, -Math.PI / 2]}
+                      />
+                    </animated.group>
+                    <group
+                      name="CRX10iA_L05"
+                      position={[0, 0.15, 0]}
+                      rotation={[-Math.PI / 2, 0, -Math.PI / 2]}
+                    >
+                      <mesh
+                        name="J5CASING_UNIT001"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.J5CASING_UNIT001.geometry}
+                        material={materials["Fanuc_WhitePlastic.001"]}
+                      />
+                      <mesh
+                        name="J5CASING_UNIT001_1"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.J5CASING_UNIT001_1.geometry}
+                        material={materials["Fanuc_Green.001"]}
+                      />
+                    </group>
+                  </animated.group>
+                  <group
+                    name="CRX10iA_L04"
+                    position={[0, -0.54, 0]}
+                    rotation={[0, 0, -Math.PI / 2]}
+                  >
+                    <mesh
+                      name="NAME_LABEL_CRX_10iA_L001"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.NAME_LABEL_CRX_10iA_L001.geometry}
+                      material={materials["Fanuc_WhitePlastic.001"]}
+                    />
+                    <mesh
+                      name="NAME_LABEL_CRX_10iA_L001_1"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.NAME_LABEL_CRX_10iA_L001_1.geometry}
+                      material={materials["Fanuc_RedPlastic.001"]}
+                    />
+                    <mesh
+                      name="NAME_LABEL_CRX_10iA_L001_2"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.NAME_LABEL_CRX_10iA_L001_2.geometry}
+                      material={materials["Fanuc_BlackPlastic.001"]}
+                    />
+                  </group>
+                </animated.group>
+                <group
+                  name="CRX10iA_L03"
+                  rotation={[-Math.PI / 2, 0, -Math.PI / 2]}
+                >
+                  <mesh
+                    name="J3CASING_UNIT001"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.J3CASING_UNIT001.geometry}
+                    material={materials["Fanuc_WhitePlastic.001"]}
+                  />
+                  <mesh
+                    name="J3CASING_UNIT001_1"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.J3CASING_UNIT001_1.geometry}
+                    material={materials["Fanuc_Green.001"]}
+                  />
+                </group>
+              </animated.group>
+              <mesh
+                name="CRX10iA_L02"
+                castShadow
+                receiveShadow
+                geometry={nodes.CRX10iA_L02.geometry}
+                material={materials["Fanuc_WhitePlastic.001"]}
+                rotation={[-Math.PI / 2, 0, -Math.PI / 2]}
+              />
+            </animated.group>
+            <group name="CRX10iA_L01" position={[0, 0.128, 0]}>
+              <mesh
+                name="J2BASE_UNIT001"
+                castShadow
+                receiveShadow
+                geometry={nodes.J2BASE_UNIT001.geometry}
+                material={materials["Fanuc_WhitePlastic.001"]}
+              />
+              <mesh
+                name="J2BASE_UNIT001_1"
+                castShadow
+                receiveShadow
+                geometry={nodes.J2BASE_UNIT001_1.geometry}
+                material={materials["Fanuc_Green.001"]}
+              />
+              <mesh
+                name="J2BASE_UNIT001_2"
+                castShadow
+                receiveShadow
+                geometry={nodes.J2BASE_UNIT001_2.geometry}
+                material={materials["Fanuc_GreenLED.001"]}
+              />
+            </group>
+          </animated.group>
+          <mesh
+            name="CRX10iA_L00"
+            castShadow
+            receiveShadow
+            geometry={nodes.CRX10iA_L00.geometry}
+            material={materials["Fanuc_BlackMetal.001"]}
+          />
+        </group>
+      </group>
+    </>
+  )
+}

package/src/components/robots/KUKA_KR210_R2700.tsx

@@ -0,0 +1,291 @@
+import { useGLTF } from "@react-three/drei"
+import type * as THREE from "three"
+import type { RobotProps } from "./SupportedRobot"
+import { animated } from "@react-spring/three"
+import RobotAnimator from "./RobotAnimator"
+
+export function KUKA_KR210_R2700({
+  modelURL,
+  connectedMotionGroup,
+  ...props
+}: RobotProps) {
+  const gltf = useGLTF(modelURL) as any
+
+  const nodes = gltf.nodes
+  const materials = gltf.materials
+
+  const rotationOffsets = [0, 0, -Math.PI / 2, 0, 0, 0]
+
+  function setRotation(jointObjects: THREE.Object3D[], jointValues: number[]) {
+    jointObjects.forEach(
+      (object, index) =>
+        (object.rotation.y = jointValues[index]! + rotationOffsets[index]!),
+    )
+  }
+
+  return (
+    <>
+      <RobotAnimator
+        connectedMotionGroup={connectedMotionGroup}
+        robotRootObjectName="Scene"
+        onRotationChanged={setRotation}
+      />
+      <group {...props} dispose={null}>
+        <group name="Scene">
+          <group name="kuka_kr210_2700">
+            <animated.group name="joint_01">
+              <animated.group
+                name="joint_02"
+                position={[0.33, 0.645, 0]}
+                rotation={[-Math.PI / 2, 0, 0]}
+              >
+                <animated.group
+                  name="joint_03"
+                  position={[1.15, 0, 0]}
+                  rotation={[0, -Math.PI / 2, 0]}
+                >
+                  <animated.group
+                    name="joint_04"
+                    position={[0.115, 0, 0]}
+                    rotation={[Math.PI / 2, 0, 0]}
+                  >
+                    <animated.group
+                      name="joint_05"
+                      position={[0, -1.22, 0]}
+                      rotation={[-Math.PI / 2, 0, 0]}
+                    >
+                      <animated.group
+                        name="joint_06"
+                        rotation={[Math.PI / 2, 0, 0]}
+                      >
+                        <group
+                          name="flange"
+                          position={[0, -0.215, 0]}
+                          rotation={[-Math.PI, 0, 0]}
+                        />
+                        <group
+                          name="link_6"
+                          position={[0, -0.17, 0]}
+                          rotation={[0, 0, -Math.PI / 2]}
+                        >
+                          <mesh
+                            name="visuals006"
+                            castShadow
+                            receiveShadow
+                            geometry={nodes.visuals006.geometry}
+                            material={materials.material_Material_Metall_black}
+                          />
+                        </group>
+                      </animated.group>
+                      <group
+                        name="link_5"
+                        position={[0, 0.059, 0]}
+                        rotation={[Math.PI / 2, 0, -Math.PI / 2]}
+                      >
+                        <group name="visuals005">
+                          <mesh
+                            name="visuals005_1"
+                            castShadow
+                            receiveShadow
+                            geometry={nodes.visuals005_1.geometry}
+                            material={materials.material_Material_metal_black}
+                          />
+                          <mesh
+                            name="visuals005_2"
+                            castShadow
+                            receiveShadow
+                            geometry={nodes.visuals005_2.geometry}
+                            material={materials.material_Material_kuka_orange}
+                          />
+                        </group>
+                      </group>
+                    </animated.group>
+                    <group
+                      name="link_4"
+                      position={[0, -0.869, 0]}
+                      rotation={[0, 0, -Math.PI / 2]}
+                    >
+                      <group name="visuals004">
+                        <mesh
+                          name="visuals004_1"
+                          castShadow
+                          receiveShadow
+                          geometry={nodes.visuals004_1.geometry}
+                          material={materials.material_Material_metal_black}
+                        />
+                        <mesh
+                          name="visuals004_2"
+                          castShadow
+                          receiveShadow
+                          geometry={nodes.visuals004_2.geometry}
+                          material={materials.material_Material_kuka_orange}
+                        />
+                      </group>
+                    </group>
+                  </animated.group>
+                  <group
+                    name="link_3"
+                    position={[0, -0.105, 0]}
+                    rotation={[Math.PI / 2, 0, -Math.PI / 2]}
+                  >
+                    <group name="visuals003">
+                      <mesh
+                        name="visuals003_1"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.visuals003_1.geometry}
+                        material={materials.material_Material_rubber}
+                      />
+                      <mesh
+                        name="visuals003_2"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.visuals003_2.geometry}
+                        material={materials.material_Material_aluminium}
+                      />
+                      <mesh
+                        name="visuals003_3"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.visuals003_3.geometry}
+                        material={materials.material_Material_metal_black}
+                      />
+                      <mesh
+                        name="visuals003_4"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.visuals003_4.geometry}
+                        material={materials.material_Material_kuka_black}
+                      />
+                      <mesh
+                        name="visuals003_5"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.visuals003_5.geometry}
+                        material={materials.material_Material_Rubber_black}
+                      />
+                      <mesh
+                        name="visuals003_6"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.visuals003_6.geometry}
+                        material={materials.material_Material_kuka_orange}
+                      />
+                      <mesh
+                        name="visuals003_7"
+                        castShadow
+                        receiveShadow
+                        geometry={nodes.visuals003_7.geometry}
+                        material={materials.material_Material_stainless_steel}
+                      />
+                    </group>
+                  </group>
+                </animated.group>
+                <group
+                  name="link_2"
+                  position={[0, 0.009, 0]}
+                  rotation={[Math.PI / 2, 0, 0]}
+                >
+                  <group name="visuals002">
+                    <mesh
+                      name="visuals002_1"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.visuals002_1.geometry}
+                      material={materials.material_Material_metal_black}
+                    />
+                    <mesh
+                      name="visuals002_2"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.visuals002_2.geometry}
+                      material={materials.material_Material_Rubber_black}
+                    />
+                    <mesh
+                      name="visuals002_3"
+                      castShadow
+                      receiveShadow
+                      geometry={nodes.visuals002_3.geometry}
+                      material={materials.material_Material_kuka_orange}
+                    />
+                  </group>
+                </group>
+              </animated.group>
+              <group name="link_1" position={[0, 0.236, 0]}>
+                <group name="visuals001">
+                  <mesh
+                    name="visuals001_1"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.visuals001_1.geometry}
+                    material={materials.material_Material_kuka_black}
+                  />
+                  <mesh
+                    name="visuals001_2"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.visuals001_2.geometry}
+                    material={materials.material_Material_kuka_orange}
+                  />
+                  <mesh
+                    name="visuals001_3"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.visuals001_3.geometry}
+                    material={materials.material_Material_rubber}
+                  />
+                  <mesh
+                    name="visuals001_4"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.visuals001_4.geometry}
+                    material={materials.material_Material_metal_black}
+                  />
+                  <mesh
+                    name="visuals001_5"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.visuals001_5.geometry}
+                    material={materials.material_Material_aluminium}
+                  />
+                  <mesh
+                    name="visuals001_6"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.visuals001_6.geometry}
+                    material={materials.material_Material_rubber_black}
+                  />
+                  <mesh
+                    name="visuals001_7"
+                    castShadow
+                    receiveShadow
+                    geometry={nodes.visuals001_7.geometry}
+                    material={materials.material_Material_stainless_steel}
+                  />
+                </group>
+              </group>
+            </animated.group>
+            <group name="link_0">
+              <group name="visuals">
+                <mesh
+                  name="visuals_1"
+                  castShadow
+                  receiveShadow
+                  geometry={nodes.visuals_1.geometry}
+                  material={materials.material_Material_kuka_black}
+                />
+                <mesh
+                  name="visuals_2"
+                  castShadow
+                  receiveShadow
+                  geometry={nodes.visuals_2.geometry}
+                  material={materials.material_Material_metal_black}
+                />
+              </group>
+            </group>
+          </group>
+        </group>
+      </group>
+    </>
+  )
+}