Drawing Shapes in p5js for Beginners 13

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=c3TeLi6Ns1E

In this video, I start writing code and cover the basics of coordinates systems, shapes, and drawing in p5.js. Code: https://thecodingtrain.com/tracks/cod... • 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/s... • 🎥 Previous video: • How to Use to p5.js Web Editor (1.2) • 🎥 Next video: • RGB Color in p5.js for Beginners (1.4) • 🎥 All videos: • Start learning here! • References: • 💾 p5.js Reference: https://p5js.org/reference/ • 💾 createCanvas: https://p5js.org/reference/#/p5/creat... • 💾 rect: https://p5js.org/reference/#/p5/rect • 💾 line: https://p5js.org/reference/#/p5/line • 💾 rectMode: https://p5js.org/reference/#/p5/rectMode • Timestamps: • 0:00 Introduction • 5:24 Javascript Versus p5.js • 12:52 The p5.js Coordinate System • 18:00 Function Parameters • 22:46 Your Assignment • Editing by Mathieu Blanchette • Animations by Jason Heglund • Music from Epidemic Sound • 🚂 Website: http://thecodingtrain.com/ • 👾 Share Your Creation! https://thecodingtrain.com/guides/pas... • 🚩 Suggest Topics: https://github.com/CodingTrain/Sugges... • 💡 GitHub: https://github.com/CodingTrain • 💬 Discord: / discord • 💖 Membership: http://youtube.com/thecodingtrain/join • 🛒 Store: https://standard.tv/codingtrain • 🖋️ Twitter: / thecodingtrain • 📸 Instagram: / the.coding.train • 🎥 Coding Challenges: • Coding Challenges • 🎥 Intro to Programming: • Start learning here! • 🔗 p5.js: https://p5js.org • 🔗 p5.js Web Editor: https://editor.p5js.org/ • 🔗 Processing: https://processing.org • 📄 Code of Conduct: https://github.com/CodingTrain/Code-o... • This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecod...

#############################

New on site