Skip to content

Introduction

Angular Three Cannon is an integration of the Cannon.js physics engine for use with Angular Three.

This implementation is based on the @react-three/cannon library.

  • Doesn’t block the main thread, runs in a web worker
  • Supports all the features of cannon-es

Examples are available at angular-three-cannon

Installation

Terminal window
npm install angular-three-cannon cannon-es @pmndrs/cannon-worker-api
# yarn add angular-three-cannon cannon-es @pmndrs/cannon-worker-api
# pnpm add angular-three-cannon cannon-es @pmndrs/cannon-worker-api

Compatibility Matrix

Angular Three Cannon Versioncannon-es version@pmndrs/cannon-worker-api version
2.0.0^0.20.0^1.0.0