https://github.com/b-g/p5-matter-examples
Examples showing how to combine p5.js and matter.js.
https://github.com/b-g/p5-matter-examples
box2d matter-js p5-sketches p5js physics-engine
Last synced: 2 months ago
JSON representation
Examples showing how to combine p5.js and matter.js.
- Host: GitHub
- URL: https://github.com/b-g/p5-matter-examples
- Owner: b-g
- Created: 2018-08-17T10:55:35.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2025-03-13T10:18:28.000Z (3 months ago)
- Last Synced: 2025-03-29T08:08:41.814Z (3 months ago)
- Topics: box2d, matter-js, p5-sketches, p5js, physics-engine
- Language: JavaScript
- Homepage:
- Size: 10.8 MB
- Stars: 111
- Watchers: 7
- Forks: 28
- Open Issues: 3
-
Metadata Files:
- Readme: README-detailed.md
Awesome Lists containing this project
README
# p5.js × matter.js
## Examples
- [1-basics](https://b-g.github.io/p5-matter-examples/1-basics/)
- [1-mouse](https://b-g.github.io/p5-matter-examples/1-mouse/)
- [1-polygon](https://b-g.github.io/p5-matter-examples/1-polygon/)
- [1-sprites](https://b-g.github.io/p5-matter-examples/1-sprites/)
- [1-stacks](https://b-g.github.io/p5-matter-examples/1-stacks/)
- [1-wrap-coordinates](https://b-g.github.io/p5-matter-examples/1-wrap-coordinates/)
- [1-wrap-coordinates-time-reverse](https://b-g.github.io/p5-matter-examples/1-wrap-coordinates-time-reverse/)
- [2-array-boxes-wrap](https://b-g.github.io/p5-matter-examples/2-array-boxes-wrap/)
- [2-animated-elevator](https://b-g.github.io/p5-matter-examples/2-animated-elevator/)
- [2-animated-propeller](https://b-g.github.io/p5-matter-examples/2-animated-propeller/)
- [2-restitution-bouncy-grounds](https://b-g.github.io/p5-matter-examples/2-restitution-bouncy-grounds/)
- [3-catapult](https://b-g.github.io/p5-matter-examples/3-catapult/)
- [3-constraints](https://b-g.github.io/p5-matter-examples/3-constraints/)
- [3-x](https://b-g.github.io/p5-matter-examples/3-x/)
- [4-change-size](https://b-g.github.io/p5-matter-examples/4-change-size/)
- [4-flappy-ball](https://b-g.github.io/p5-matter-examples/4-flappy-ball/)
- [4-jumping-ball](https://b-g.github.io/p5-matter-examples/4-jumping-ball/)
- [4-mass-centre-weeble](https://b-g.github.io/p5-matter-examples/4-mass-centre-weeble/)
- [4-reverse-gravity](https://b-g.github.io/p5-matter-examples/4-reverse-gravity/)
- [5-svg-with-multiple-shapes](https://b-g.github.io/p5-matter-examples/5-svg-with-multiple-shapes/)
- [5-complex-path-svg](https://b-g.github.io/p5-matter-examples/5-complex-path-svg/)
- [5-magnet](https://b-g.github.io/p5-matter-examples/5-magnet/)
- [5-magnet-duo](https://b-g.github.io/p5-matter-examples/5-magnet-duo/)
- [5-magnet-motionsensor](https://b-g.github.io/p5-matter-examples/5-magnet-motionsensor/)
- [5-hit-sound](https://b-g.github.io/p5-matter-examples/5-hit-sound/)
- [6-add-remove-bodies](https://b-g.github.io/p5-matter-examples/6-add-remove-bodies/)
- [6-camera-follow-canvas](https://b-g.github.io/p5-matter-examples/6-camera-follow-canvas/)
- [6-custom-class](https://b-g.github.io/p5-matter-examples/6-custom-class/)
- [6-endless-canvas](https://b-g.github.io/p5-matter-examples/6-endless-canvas/)
- [6-multiple-scenes](https://b-g.github.io/p5-matter-examples/6-multiple-scenes/)
- [6-parallax](https://b-g.github.io/p5-matter-examples/6-parallax/)
- [6-small-canvas-pixel](https://b-g.github.io/p5-matter-examples/6-small-canvas-pixel/)
- [6-sprites-canvas-sandwich](https://b-g.github.io/p5-matter-examples/6-sprites-canvas-sandwich/)
- [7-clock-polar](https://b-g.github.io/p5-matter-examples/7-clock-polar/)
- [xx-benno-step7](https://b-g.github.io/p5-matter-examples/xx-benno-step7/)
## Class reference
👈 Click on a class in the sidebar (under "classes") for detailed information