1.3: Shapes & Drawing – p5.js Tutorial




In this video, I start writing code and cover the basics of coordinates systems, shapes, and drawing in p5.js.

🎥 Next video: https://youtu.be/riiJTF5-N7c
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

💻 Code: https://editor.p5js.org/codingtrain/sketches/HJ1WjEPwQ

🔗 https://p5js.org/
🔗 p5.js Web Editor: https://editor.p5js.org/

🚂 Website: http://thecodingtrain.com/
💖 Patreon: https://patreon.com/codingtrain
🛒 Store: https://www.designbyhumans.com/shop/codingtrain/
📚 Books: https://www.amazon.com/shop/thecodingtrain

🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

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

Original source


49 responses to “1.3: Shapes & Drawing – p5.js Tutorial”

  1. You act a lot like my English teacher, which is a really good compliment. A lot of energy! You put life into your videos, unlike most other videos in monotone voices that show in the most limited way! You execute very clearly… keep up the amazing content! 🙂

  2. Sir, how do we know if the height is being counted up, or down?
    you said that the x and y point will be located and then for width you move right that many pixels(same thing for hieght)
    Can you change that left right up or down?
    Thank you very much

  3. I like your teaching style. You are an excellent teacher. What I really like about your teaching style is that you make your  tutoring very entertaining and enjoyable to watch and learn from , while  at the same time you are seriously giving high quality and classics tutorial  that is very clear and easy  to understand. Honestly your teaching method is  excellent and I applause and respect you for that. Keep up the good work , because you are doing a wonderful job. Thanks.

Leave a Reply