1.2: p5.js with Brackets - p5.js Tutorial

Channel:

The Coding Train

Subscribers:

1,740,000

Published on February 10, 2017 9:38:24 PM ● Video Link: https://www.youtube.com/watch?v=nmZbhManVcY

Category:

Tutorial

Duration: 11:59

193,413 views

2,625

In this video, I demonstrate how to create a p5.js sketch using the Brackets code editor (http://brackets.io) and the "p5.js complete" download package (https://p5js.org/download/).

Download empty-example that works with this video!
https://www.dropbox.com/s/5o1kkwjfm3smc4c/empty-example.zip?dl=0

Support this channel on Patreon: https://patreon.com/codingtrain

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/

Links discussed in this video:
Link to my Sublime Text setup video: https://youtu.be/UCHzlUiDD10
Link to my Atom.io setup video: https://youtu.be/d3OcFexe9Ik
Brackets Code Editor: http://brackets.io
p5.js Complete Package: https://p5js.org/download/


Links to videos about other programming environment with p5.js:
OpenProcessing: https://youtu.be/vNjobQiQZns
CodePen: https://youtu.be/5gfUgNpS6kY

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

p5.js: https://p5js.org/
Processing: https://processing.org

For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Help us caption & translate this video!

http://amara.org/v/72oq/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct