p5.js × matter.js

Examples and documentation on how to combine p5.js and matter.js

👉 Class reference & examples

About

The examples have been derived from the course Programmiertes Entwerfen (Sketching with Code) @ the HfG Schwäbisch Gmünd by Benedikt Groß, Benno Stäbler and Stephan Bogner.

Some of the examples are based on the matter.js demos by liabru and p5-matter by Daniel Shiffman.

👀 It is also highly recommended to watch the Introduction to Matter.js videos by Coding Train to complement the examples here.

Name		Name	Last commit message	Last commit date
Latest commit History 240 Commits
.vscode		.vscode
1-basics		1-basics
1-mouse		1-mouse
1-polygon		1-polygon
1-sprites		1-sprites
1-stacks		1-stacks
1-wrap-coordinates-time-reverse		1-wrap-coordinates-time-reverse
1-wrap-coordinates		1-wrap-coordinates
2-animated-elevator		2-animated-elevator
2-animated-propeller		2-animated-propeller
2-array-boxes-wrap		2-array-boxes-wrap
2-restitution-bouncy-grounds		2-restitution-bouncy-grounds
3-catapult		3-catapult
3-constraints		3-constraints
3-x		3-x
4-change-size		4-change-size
4-flappy-ball		4-flappy-ball
4-jumping-ball		4-jumping-ball
4-mass-centre-weeble		4-mass-centre-weeble
4-reverse-gravity		4-reverse-gravity
5-complex-path-svg		5-complex-path-svg
5-hit-sound		5-hit-sound
5-magnet-duo		5-magnet-duo
5-magnet		5-magnet
5-rotate-svg		5-rotate-svg
5-svg-with-multiple-shapes		5-svg-with-multiple-shapes
6-add-remove-bodies		6-add-remove-bodies
6-camera-follow-canvas		6-camera-follow-canvas
6-custom-class		6-custom-class
6-endless-canvas		6-endless-canvas
6-multiple-scenes		6-multiple-scenes
6-parallax		6-parallax
6-sprites-canvas-sandwich		6-sprites-canvas-sandwich
@types		@types
WIP-bridge		WIP-bridge
WIP-flipper-kicker		WIP-flipper-kicker
WIP-ribbon-queue		WIP-ribbon-queue
bugs		bugs
classes		classes
docs		docs
libraries		libraries
scripts		scripts
xx-benno-step7		xx-benno-step7
.editorconfig		.editorconfig
.gitattributes		.gitattributes
.gitignore		.gitignore
.prettierignore		.prettierignore
README-detailed.md		README-detailed.md
README.md		README.md
favicon.ico		favicon.ico
jsconfig.json		jsconfig.json
jsdoc.json		jsdoc.json
package-lock.json		package-lock.json
package.json		package.json

b-g/p5-matter-examples

Folders and files

Latest commit

History

Repository files navigation

p5.js × matter.js

👉 Class reference & examples

About

About

Topics

Resources

Stars

Watchers

Forks

Languages