https://github.com/pmndrs/use-cannon

👋💣 physics based hooks for @react-three/fiber
https://github.com/pmndrs/use-cannon

cannon-js physics react reactjs

Last synced: 3 days ago
JSON representation

👋💣 physics based hooks for @react-three/fiber

• Host: GitHub
• URL: https://github.com/pmndrs/use-cannon
• Owner: pmndrs
• Created: 2020-03-03T12:57:37.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-02-25T02:30:15.000Z (10 months ago)
• Last Synced: 2024-10-29T14:54:34.649Z (about 2 months ago)
• Topics: cannon-js, physics, react, reactjs
• Language: TypeScript
• Homepage: https://cannon.pmnd.rs
• Size: 4.16 MB
• Stars: 2,774
• Watchers: 33
• Forks: 155
• Open Issues: 32
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

• awesome-react-three-fiber - use-cannon
• awesome-webxr-development - use-cannon - badge] ([cannon-es](https://github.com/pmndrs/cannon-es)) - React hooks for cannon-es (A lightweight 3D physics engine written in JavaScript). Use this in combination with @react-three/fiber (Physics Engine / Visual Animation Editor)

README

        
[![Build Status](https://img.shields.io/github/actions/workflow/status/pmndrs/use-cannon/nodejs.yml?branch=master&style=flat&colorA=000000&logo=github)](https://github.com/pmndrs/use-cannon/actions/workflows/nodejs.yml)

[![Discord Shield](https://img.shields.io/discord/740090768164651008?style=flat&colorA=000000&colorB=000000&label=discord&logo=discord&logoColor=ffffff)](https://discord.gg/poimandres)

![Imgur](https://imgur.com/FpBsJPL.jpg)

Monorepo for [cannon-es](https://github.com/pmndrs/cannon-es) web worker packages.

| Package                                                                  | Description                                                                                                                                                      |

| ------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| [`@react-three/cannon`](./packages/react-three-cannon)                   | React hooks for [cannon-es](https://github.com/pmndrs/cannon-es). Use this in combination with [react-three-fiber](https://github.com/pmndrs/react-three-fiber). |

| [`@pmndrs/cannon-worker-api`](./packages/cannon-worker-api)              | Web worker api for [cannon-es](https://github.com/pmndrs/cannon-es). Used by `@react-three/cannon`.                                                              |

| [`@react-three/cannon-examples`](./packages/react-three-cannon-examples) | Examples for `@react-three/cannon`                                                                                                                               |

## `use-cannon` Documentation

Please see the [`@react-three/cannon` README](./packages/react-three-cannon/README.md) documentation and getting started guide for using the react hooks and jsx interface.

## Demos

Check out all of our `@react-three/cannon` examples at https://cannon.pmnd.rs

The code for the examples lives in [./packages/react-three-cannon-examples](./packages/react-three-cannon-examples)