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”
when practicing i used "rectMode(CENTER)" but did not work.. I'm using the webside to practice!
your twitter? your instagram?
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! 🙂
Wow you are a really good teacher
Sorry sir, the homeworks a little late. https://editor.p5js.org/jasonp5/full/ifKVRYpJ9
I have finally found a coding guide that isn't drop-dead boring!
I already have 2 years of javascript and other language education behind me, but i still listen to these early videos because youre just really fun to listen to. And its always good to go back to the basics sometimes.
He is a true teacher, HE TEACHES IN DARK MODE!!!! seriosly i love u dude.
Sir, if I place rect () inside setup () also then it will work. So what's the difference between placing rect () inside setup () and draw ()?
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
10/10 i luv the positive energy 🙂
https://editor.p5js.org/Newcrather/present/mTJj3aym4
You are a very good teacher ,you explain every point very clearly and interesting！！thanks！！
nice！！！
https://editor.p5js.org/mwpak/full/K-VRu95Tp
Hey, hi that's one more from me… tomorrow I'll color this
https://editor.p5js.org/rupakfaisal07/sketches/N9jrSexqb
arent the rectangle arguments just the top left and bottom right corners
are arguments the same as parameters
is a function name the same as a method?
I wrote my first code, i chose to code the basic operator of mathematics. but i couldn't wrote the code of Multiplication sign, Thanks btw
https://editor.p5js.org/rupakfaisal07/sketches/8HV9T3IP7
https://editor.p5js.org/Alif/full/8aS_ofVwB
ok, im so proud of myself rn lol
Love your vids man will u make another rubics cube part?
Balloons flying away…
https://editor.p5js.org/danielweiner/full/kHIOn_rcF
https://editor.p5js.org/cousingoose/present/J0QPghPBw
Is there anyone who knows to make a filter on posenet camera without using ml.5?
I know i'm late to the party but i'm 9 and just learning to code. i have barely learned anything but i will keep learning. (:
Great Job! This is just Perfect! I WANTED to code for 5 Years! HAHA. You are a great teacher too.
you are like a cartoon so that child coders can easily follow and learn what you teach :))
My first attempt -> not very neat but i'm very pleased coz i'm a complete beginner 🙂 https://editor.p5js.org/agreer/full/cVak0otwF
Here's a Mona Lisa https://editor.p5js.org/danibernd/full/8aCLh93GE
Really good tutorials. Thank you! : )
https://editor.p5js.org/Pod/full/vEydJJuEi
https://editor.p5js.org/soledad.arayau/sketches/mzBWsJIj4 😀
I have the latest version of proccesing 3.5.3 and create canvas doesnt exist there, how can I use p5?
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.
made a little green faced guy!
https://editor.p5js.org/kaygraphic/sketches/mDiWUPcje
Funny entertaining and educative wow !! what a sweet combo
great man::
greqt
not work with rectmode
https://editor.p5js.org/Mowatk1/full/bIiHhwiHp
Keep it up
https://editor.p5js.org/emma_griffin/full/XqhjjnWkY
https://editor.p5js.org/Emeka/sketches/UtK2lXP11
I really enjoy watching your show! Great personality! I want to share my first shape project "Mr. Smiley" https://editor.p5js.org/wealthinpeace/full/ERxT0zt7c
Well done Sir! Such a wonderful beginners guide!!
Great teacher ever with his unique passion and fun!! Make it fun for everyone to learn
https://editor.p5js.org/lammt1998@gmail.com/present/joxiswuyG
https://editor.p5js.org/carleecomm/full/6j-p8CIXT
https://editor.p5js.org/emilis101/full/IJngLCV-v