How to use a shape from three-to-cannon?

[ffdead]

I'm looking into using three-to-cannon for adding collisions to a GLB model that is unknown at compile time.

But couldn't figure out how to use it with use-cannon so far.. is there a way to use an existing Shape?

Related discussion #182

[isaac-mason]

You can use the properties of an existing cannon-es shape as inputs to use-cannon shape hooks.

This is a bit messy, but this codesandbox demonstrates the approach: https://codesandbox.io/s/three-to-cannon-q0p282

[ffdead]

Oh wow, thank you so much @isaac-mason 🙏

[isaac-mason]

No worries! :)

[ffdead]

Extracted the solution from the codesandbox for anyone looking at this from the future 👋

const shape = threeToCannon(ref.current, { type: ShapeType.HULL }).shape as ConvexPolyhedron

useConvexPolyhedron(
      () => ({
        args={[shape.vertices.map((v) => [v.x, v.y, v.z]), shape.faces, shape.faceNormals.map((f) => [f.x, f.y, f.z])]}
        ...
      })
)