Add more examples: Hinge Vehicle, Gears, Tear constraint, Friction/ContactMaterial

[Glavin001]

• [ ] Remove #312 related commit (will do once the rest looks good, I need this so I can contribute using Codespaces)
• Examples
  • [x] Hinge Vehicle
    • [ ] Cherry-picked into smaller PR
  • Inspired by: https://pmndrs.github.io/cannon-es/examples/hinge
    • Source: https://github.com/pmndrs/cannon-es/blob/6f11e268d5e196f7f4f5908dbf60ae6365bd6ab6/examples/hinge.html
  • [x] Gears
    • [ ] Cherry-picked into smaller PR
  • [x] Tear constraint
    • [x] Cherry-picked into smaller PR: https://github.com/pmndrs/use-cannon/pull/318
  • [x] Add maxMultiplier option to all constraints, which disables constraint when threshold is exceeded
  • Inspired by: https://pmndrs.github.io/cannon-es/examples/tear
    • Source: https://github.com/pmndrs/cannon-es/blob/6f11e268d5e196f7f4f5908dbf60ae6365bd6ab6/examples/tear.html
  • [x] Friction (#64)
    • [x] Cherry-picked into smaller PR: https://github.com/pmndrs/use-cannon/pull/317
    • Inspired by: https://pmndrs.github.io/cannon-es/examples/friction
    • Source: https://github.com/pmndrs/cannon-es/blob/6f11e268d5e196f7f4f5908dbf60ae6365bd6ab6/examples/friction.html
  • Special thanks to https://github.com/pmndrs/use-cannon/pull/297

Hinge Vehicle	Gears	Tear	Friction
https://use-cannon-git-fork-glavin001-feat-more-examples-pmndrs.vercel.app/#/demo/HingeVehicle	https://use-cannon-git-fork-glavin001-feat-more-examples-pmndrs.vercel.app/#/demo/Gears	https://use-cannon-git-fork-glavin001-feat-more-examples-pmndrs.vercel.app/#/demo/Tear	https://use-cannon-git-fork-glavin001-feat-more-examples-pmndrs.vercel.app/#/demo/Friction

I'm still learning React-Three-Fiber and Cannon-ES and use-cannon. Appreciate any and all feedback! I can remove/cherry-pick any of the examples you like. I wanted to learn how to achieve these for myself and figured someone else may find these examples useful, too.

Love these projects! Thank you!

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/pmndrs/use-cannon/14P1DA4BT48iXccqeGjkPzUHyCBV
✅ Preview: https://use-cannon-git-fork-glavin001-feat-more-examples-pmndrs.vercel.app

[bjornstar]

There's a lot going on here, can we focus on one example at a time?

[Glavin001]

Absolutely, that's the plan. Any specific example/feature I should cherry-pick for review first?

I'll start with the Friction example and new feature/change since others are also interested. PR coming soon!

[Glavin001]

• [x] Split up the Friction/Contact Material example & related changes into https://github.com/pmndrs/use-cannon/pull/317

[Glavin001]

• [x] Tear example / maxMultipler constraint threshold: https://github.com/pmndrs/use-cannon/pull/318