Coding Train Live 83: More Matter.js

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=BOAMGfGO6Xs



Duration: 2:24:10
8,545 views
155


This episode focuses on the Matter.js physics engine. I create a series of small examples demonstrating various features of the JavaScript library (bodies, constraints, mouse interaction) using p5.js for rendering.

Timestamps:
5:15 - Announcements
23:25 - Work from the community
36:44 - Today's topics
44:02 - Matter.js Overview: Part 2
1:08:55 - Matter.js Overview: Part 3
1:33:32 - Matter.js Overview: Part 4
1:54:33 - Matter.js Overview: Part 5
2:09:55 - Google Summer of Code discussion
2:15:20 - Conclusion/Q&A

πŸš‚ Website: http://thecodingtrain.com/
πŸ‘Ύ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
πŸ’‘ GitHub: https://github.com/CodingTrain
πŸ’¬ Discord: https://thecodingtrain.com/discord
πŸ’– Membership: http://youtube.com/thecodingtrain/join
πŸ›’ Store: https://standard.tv/codingtrain
πŸ–‹οΈ Twitter: https://twitter.com/thecodingtrain
πŸ“Έ Instagram: https://www.instagram.com/the.coding.train/

πŸŽ₯ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

πŸ”— p5.js: https://p5js.org
πŸ”— p5.js Web Editor: https://editor.p5js.org/
πŸ”— Processing: https://processing.org

References:
Machine Learning repository: https://github.com/shiffman/NOC-S17-2-Intelligence-Learning
Self-driving cars in the browser: http://janhuenermann.com/projects/learning-to-drive
Matter.js: http://brm.io/matter-js/
Google Summer of Code: https://developers.google.com/open-source/gsoc/
Processing Foundation on Google Summer of Code: https://github.com/processing/processing/wiki/Project-List

Work from the community:
Variations on the Steering Behavior Coding Challenge:
tslytsly: https://tslytsly.github.io/p5.js-projects/Steering_Text_Paths/index.html
JosefKuchar: https://josefkuchar.github.io/p5-projects/CC_59_Steering_Text_Paths_Polygons/
@Gaweph: https://gaweph.github.io/CodingTrain-RainbowCode-Challenges/Steering_Text_Paths/index.html
Jerome Martinez's Maze Runner: https://jromeem.github.io/projects/2015/04/10/maze-runner
Arno's Emo project: https://arnofaure.github.io/emo/
Arno's Teach me time: https://arnofaure.github.io/teachmetime/
@tacobank's Circle Animation: https://twitter.com/tacobank/status/834376601072701440 a small sketch made with just arcs in processing
Alca's Double Wave Thing: http://codepen.io/Alca/full/QpbJRj/
Alca's Spiraling RareShiffman: http://codepen.io/Alca/full/VpvxbV/?song=none
Alca's Waves to a Circle: http://codepen.io/Alca/full/KWdJoe/
lostghbear's Audio Vizuals: https://lostghbear.github.io/Audio-Vizuals/
Robin Lefebvre's Infinity Work: http://codepen.io/The_Robs/full/LWPbwJ/
semjonbibow's benice circles: https://hablwgq.github.io/coding/p5js%20benice%20circles/
gomako's Diastic Machine: http://gomako.github.io/coding-train/diastic-machine.html from gomako

Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code

For my Nature of Code videos: https://www.youtube.com/watch?v=6vX8wT1G798&list=PLRqwX-V7Uu6YVljJvFRCyRM6mmF5wMPeE&index=1
For More Live Streams: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxnFR6no70vlxxuxDEzflz

Help us caption & translate this video!

http://amara.org/v/4i1y/

πŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct







Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
p5.js
coding challenge
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
coding
challenges
coding train
the coding train
physics
physics engine
collision detection js
collision detection javascript
matter.js
physics javascript
physics engine p5.js
physics engine intro
physics engine 2d
physics 2d javascript