Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Drawing Shapes in p5.js for Beginners (1.3)
Play lesson

Start learning here! - Drawing Shapes in p5.js for Beginners (1.3)

4.0 (0)
9 learners

What you'll learn

This course includes

  • 6.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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/code-programming-with-p5-js/code/1-intro/3-shapes-drawing 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/HJ1WjEPwQ 🎥 Previous video: https://youtu.be/MXs1cOlidWs?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 Next video: https://youtu.be/riiJTF5-N7c?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA References: 💾 p5.js Reference: https://p5js.org/reference/ 💾 createCanvas: https://p5js.org/reference/#/p5/createCanvas 💾 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/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://discord.gg/hPuGy2g 💖 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 📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere