Skip to content

b-g/p5-matter-examples

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

260 Commits
.vscode
.vscode
 
 
1-basics
1-basics
 
 
1-mouse
1-mouse
 
 
1-polygon
1-polygon
 
 
1-sprites
1-sprites
 
 
1-stacks-motionsensor
1-stacks-motionsensor
 
 
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-motionsensor
5-magnet-motionsensor
 
 
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-small-canvas-pixel
6-small-canvas-pixel
 
 
6-sprites-canvas-sandwich
6-sprites-canvas-sandwich
 
 
7-clock-polar
7-clock-polar
 
 
@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-clockwork
xx-benno-clockwork
 
 
xx-benno-pinball
xx-benno-pinball
 
 
xx-benno-step7
xx-benno-step7
 
 
.editorconfig
.editorconfig
 
 
.gitattributes
.gitattributes
 
 
.gitignore
.gitignore
 
 
.nvmrc
.nvmrc
 
 
.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
 
 

Repository files navigation

x gif

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.

About

Examples showing how to combine p5.js and matter.js.

Topics

physics-engine box2d p5js matter-js p5-sketches

Resources

Readme
Activity

Stars

112 stars

Watchers

7 watching

Forks

28 forks
Report repository

Releases 1

p5-matter-examples 1.0 (procedural) Latest
Dec 6, 2021

Packages

No packages published

Contributors 5

Languages