Threejs Cannon-es Blender Rigger
Create and position physics colliders in Blender then export them as GLB and load them automatically in ThreeJs with Cannon-es.
bandinopla
Video
Three.js Marketplace
Three.js Marketplace
Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.
Sponsors
Links
Newsletter
Stay Updated with Three.js Resources!
- Weekly curated Three.js resources and tools.
No spam, unsubscribe at any time.
Description
Design in Blender, simulate in Three!
Create and place physics colliders in Blender, export as GLB, and automatically set them up in three.js with cannon-es.
Watch Video Tutorial (Rigging a mechanical claw)
Demo showcase app that inspired this addon: Mechanical Claw Machine
This solution includes two tools:
A Blender addon for creating colliders in Blender
An NPM package to rig the physics in Three.js using cannon-es
Features
Automatically creates Cannon bodies for Three.js objects defined inside of Blender ( using the addon ).
Supports:
box and sphere colliders
hinge
point
distance
lock
glue childrens
synchronization (copy location & rotation)
✨ your own custom constraint ✨