Skip to content


 Zabbix
 Grafana
 Prometheus
 React Three Fiber
 Threejs and TypeScript
 SocketIO and TypeScript
 Blender Topological Earth
 Sweet Home 3D
 Design Patterns Python
 Design Patterns TypeScript
   
 Course Coupon Codes
Three.js and TypeScript
Kindle Edition
$6.99 $9.99 Paperback 
$22.99 $29.99




Design Patterns in TypeScript
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99




Design Patterns in Python
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99




Cannon.js Branch

Description

The Cannon.js branch demonstrates,

  • using a Cannonjs to modify THREE.Mesh positions and quaternions,
  • creating a CANNON.Plane from a THREE.PlaneGeometry,
  • creating a CANNON.Box from a THREE.BoxGeometry,
  • creating a CANNON.Sphere from a THREE.SphereGeometry,
  • creating a CANNON.Cylinder from a THREE.CylinderGeometry,
  • creating a CANNON.Trimesh from a THREE.TorusKnotGeometry,
  • creating a CANNON.Trimesh from a loaded OBJ file,
  • creating a CANNON.ConvexPolyhedron from a THREE.IcosahedronGeometry,
  • using the CannonDebugRenderer to help visualize the physics object boundaries

To load the Cannon.js example, checkout the cannonjs branch.

git clone https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate.git

cd Three.js-TypeScript-Boilerplate

git checkout cannonjs 

npm install

npm run dev