4.1: while and for Loops - p5.js tutorial

[@acinaces343]

I don’t know anyone else who smiles this much while coding

[@jovem3767]

Brackeys:)

[@jimmybuck1993]

It's not that you're just good at explaining, it's that you're good a at inspiring ideas.

[@lbruinsl5553]

its been almost 10 yrs since these were made, im watchin in 24/25, and they are great. He is so energetic its easy to watch

[@GraceandWisdom]

Daniel, if everybody else were as clear and understandable as you, our nations might have world peace at last!!!

[@cristaldominguez1834]

Omg you are so good at explaining things I’m recommending to anyone who needs these tutorials

[@ciceroaraujo5183]

And you are really beautiful

[@alejojandro21]

@@ciceroaraujo5183 what the Fuck

[@Aryaman_Agarwal]

@@ciceroaraujo5183 no i don't think so

[@Aryaman_Agarwal]

@@ciceroaraujo5183 not my type

[@TanishFX]

@@Aryaman_Agarwal And no one asked you? Find the defintion of a "opinion"

[@persenbp4160]

you are an incredible and passionate teacher who makes even boring stuffs look really really really interesting ! i resolved to make this comment every time i watch your vid comment 2/x

[@akhilkashyep]

Hi Daniel! Nice tutorials. Loved your way of presenting them with a smile. Keep it on. Also you keep on asking if any one would watch them...let me tell you I am watching them for last 4+ hours. :)

[@TheCodingTrain]

+Akhil Kashyap oh, i am so glad to hear that thank you!

[@TalismanTeaches]

@@TheCodingTrain i have been watching for about 4 hrs

[@josephs482]

@@TheCodingTrain after 5 years, i'm still watching these nonstop. You are the greatest teacher!

[@tahaozalozkan5901]

U're the best teacher i've ever seen. I wish all the best for you from Turkey!!!

[@TheCodingTrain]

Thanks so much!

[@hanf4415]

I've been lost this whole time between for loop and while loop. Thank you for explaining it to us so clearly.

[@TheCodingTrain]

So glad to hear!

[@chaios]

Thanks. I have watched a lot of lessons regarding for and while loops, but yours is the most concise and easiest to understand.

[@AntonioRibeiro-qs3fy]

This guy's teaching style is brilliant and i can totally see why its worthwhile showing us the while loop. It help me understand the concept of for loops so much more clearly..I bookmarked the page and subscribed to the channel...I am officially on the coding train :)

[@TheCodingTrain]

Welcome! Choo choo!

[@poojabennabhaktula4883]

I respect you 3000 . Best Teacher on the planet!

[@Mo0n1111]

Tahnk you so much for doing these videos, I gave it a shot using the map() funct + for loop. Early days, slow progress but enjoying the train ride! function setup() { createCanvas(600, 400); } function draw() { noStroke(); background(220); var minCol = color(51,59,53); var maxCol = color(137,156,142); for (var x = 0; x

[@mediafilms1169]

You saving my LIFE... thank you soo much... regards from Germany ;)

[@TheCodingTrain]

+Sinan S thanks for watching!

[@Muffin--Man]

Another great video, here is my code for 13:10 function setup() { createCanvas(400, 400); } function draw() { background(220); let x1=20; while(x1

[@randmorf]

About 11:25 into the video, line number "17" is highlighted in yellow because the IDE is issuing a warning that the variable "x" has already been declared. To read the actual warning message, just click on the yellow highlighted line number and the text will appear in a little pop-up text box. To correct this warning, remove "var" from within the for loop's argument list, like so: for (x = 0; x < width; x = x + 50) { You should find that this fix will make the warning go away. I'm sure Dan knows about this, but didn't want to waste time talking about this small detail in order to keep his video short (under 10 minutes).

[@saaqib_0252]

best teacher in whole world

[@snimerjotsingh5561]

Your videos are really very very helpful. I was lagging in this topic for weeks you cleared it. Appreciated it good work. regards from India.

[@stodsy2783]

Hi Dan, I've thoroughly enjoyed all your videos and my javascript is rapidly improving. Thanks so much for all your efforts and great job sir!

[@TheCodingTrain]

+Sean Stoddart so glad to hear!

[@stan8966]

best programming tutorial ive ever seen!!!!

[@goldthumb]

It's still the last day of 2022 (Toronto). This series is still the best I found for learning JavaScript and p5js.

[@krunchan]

You are the jesus of p5.js saving everyones life

[@FredoCorleone]

Worth mentioning that there's also a shorthand *++i* . Which differs from *i++* because if you have *++i* in an expression *i* is first incremented and only after evaluated.

[@johnyepthomi892]

Prefix and postfix operator. He probably didn't mention cuz it may just overwhelm beginners.

[@madsadolfsen406]

@@johnyepthomi892 yup

[@madsadolfsen406]

@@johnyepthomi892 I'm overwhelmed

[@karenpoveda29]

I love your way of explaining, and also the format of your video, very unique and useful for the explanaition

[@ciceroaraujo5183]

You are the best professor.

[@ezangrobotsvideos9286]

All great stuff, please keep it coming, learning a lot, thanks

[@anastasiosvogiatzis92]

You, are one of the greatest teachers i've ever had! The best in the internet so far and the best in coding :) Back to learning for me. through you.. to make the world a better place... what? o.O -Its nothing.

[@kimchimang]

Thank you for making the content understandable for beginners! You did an amazing job of it.

[@leadlime29]

the willpower of this man to not use += or ++ until this video

[@fear_less_2020]

You simplify everything so well. Hats off, Dan! I wanna be a professor too. I am inspired by you a lot!

[@TonyFlexPromo]

Thank you so much for making these video tutorial. They are absolutly brilliant. After some other online courses and tutors you are the best.

[@bolddiamond]

You're amazing!!! Thank you for sharing this

[@sadhlife]

dude, I LOVE the while loop. When the condition in the for loop in not constant, it can lead to really weird errors (array index out of range, etc.) while loop is perfect in those cases.

[@jeffreychen6591]

Thank you. You saved me from the volcano of confusion

[@michaelsakowicz718]

Incredible! You have helped teach for and while in such a simple and wonderful way! Thank you !

[@walker2683]

Thank you for helping me. This made me understand loops now thank you

[@Alebtong1]

Very good explanation. I am th e dumbest guy in coding and you just made me an expert!

[@Iamzercool]

your the best teacher, make me easy to learn :) regards from India

[@dawitmulugeta7656]

wow,what a nice presentation, all the question i have about loops solved,,,,,keep smiling

[@StringCheeseINC]

Awesome tutorials! Your teaching method is crystal clear - I've learned a ton over the past couple of days. Thanks for sharing your knowledge.

[@frownless]

i wish this guy was my professor in college

[@rishitaggarwal3634]

you have saved me by allowing me to revise my basics!!

[@OfficialChoiceTV]

You are an excellent teacher! Thank you for taking the time. I’ve subscribed and will continue to explore your videos! 🙏

[@mikegogl]

This is insane. Thank you Daniel!

[@fracasj]

This was SO helpful! I appreciate your explanations. You made this so much easier to understand! Thank you!

[@adambreslin6525]

I was just wondering where the width element came from when you were writing your while loop. I thought you would need to create a variable for that word "width" and assign it a value. Is it apart of the p5.js library, and that's why you can use it? Just need to understand that part. @The Coding Train

[@安泓仑]

谢谢！

[@TheCodingTrain]

Thank you for the support!

[@joesteer311]

Dan these videos are great! Love your teaching style, I'm learning a tonne.

[@dava3412]

awsome! you get me through my programming module :D Really comprehensive

[@Errrrrr12]

If for loops are best practice than why do they teach while loops? Also var is now replaced by let correct? So is let now best practices other than var? Sorry I am new and get confused because classes I’m taking still use var but I hear should be Let now.

[@MrSevenEleven]

you can center by using "height / 2" for the y value instead of 200, it's better than hardcoding it IMO

[@kevinskayro]

love your videos man, you're awesome

[@markus_knoedel]

Still after some time now this is so helpful.

[@sindhu023]

What is the closed caption at 1:03????

[@mmbower1]

'if' transfers to 'while' well. Glad you confirmed that.

[@sweethomes674]

Excellent explanations 😊

[@maryemguizani5959]

Thank you so much for this amazing video ! U SAVED MY LIFE !

[@smmakhan5401]

Waooo teaching style is very impressive

[@viv_tech5660]

How would use the for loo[p if u wanted to code in a parallelogram by using the "quad" function.

[@marcomcl]

Amazing tutorial!! Loved it!!

[@masonictraveler6558]

Amazing teaching!

[@deepjyotikachakrabarti8520]

what if the shape has multiple x coordinates like triangle . How will loop will help to get a geometric pattern?

[@klaygh3106]

GOd bless your life with Grace. you are doing best

[@diwashkuskusmiya8668]

I love u r smile and I enjoy your fun learning

[@emanuel3617]

This... this guy is making me learn and... And I am enjoying it!!! >:0 what is this dark magic that makes me get exited with numbers!?

[@MrKasikannan2000]

do u know how to make it come vertically instead of horizontal

[@rituchandra6325]

no body loves the *do while* loop... XD EDIT: your videos are very helpful, i am able to learn new things about programming!! please keep up the good work

[@shaksto]

Hello Mr Daniel, I am having a problem. When I try using the command 'while' the entire tab just lags out. Any tips on what I should do?

[@Watchman-Michael]

Briliant, thank you. bless you

[@bm_pug]

You will help me pass my exams next month. Thank you sempai -_-

[@tristanhurley9071]

Why ints in the brackets? Process i get, not sure what ints do though..

[@utavtakt9361]

When I add while (x < width) Google chrome crashes? X)

[@yukfu8665]

"A 'for loop' consists of three different expressions inside of a parenthesis, all of which are optional. These expressions are used to control the number of times the loop is run. The first expression is a statement that is used to set the initial state for the loop. The second expression is a condition that you would like to check before each loop. If this expression returns false then the loop will exit. The third expression is executed at the end of each loop."

[@KeyCode98347]

thanks! that cleared that up for me.

[@BusyAsBee1738]

question: why does the var x have to be in draw function for code to work? i tried making it global variable but results went eee orw

[@leozzl1310]

hi! I get some error. Uncaught ReferenceError: loopProtect is not defined (sketch: line 12) can somebody help?

[@billyzman666]

Thank you so much! This is very helpful.

[@KhanleGrand]

What a wonderful video. Well explained.

[@georgesfarkouh6271]

Hi, why when declare x as a local variable in draw function and we then add 50 the operation happen once and when we declare x as global variable 50 is added to x continuously (x+50=100, 100+50=150, ..... ) so when we run it we got a moving ball.

[@cawa7787]

I know this is a while ago, but the reason this happens is that when you declare it in draw then add 50 to it in draw, it keeps looping. The effect of this means that first x is set to 0 (or the number you started with), then 50 is added to it. Then when the draw function starts again, it resets x to 0, then adds 50 again. This then happens forever.

[@shashidhara.g.m655]

He: someone or no one might be watching this video Every 85k viewers : 0-0

[@pedrofelix5846]

You did a great job explaining this concept thank you

[@samueljaramillo7144]

dude, you are hilarious. and excellent, big thank you!

[@singingmermaid4338]

hey I'm a beginner and a little bit confused what the width means here ( if x < .... ) is with width the width of the canvas meant? or the width of the ellipse? helppppp haha

[@TheCodingTrain]

You can come and ask your questions and get help in the discord! It's a little hard to do in KZbin comments: thecodingtrain.com/discord

[@jordiyaputra8359]

Hello, Sir... Is there anyway to use break; or continue; to stop looping?

[@marwa-zr8vk]

best programming tut

[@krishnakumar-hm9ce]

i think u should join white hat jr because i m a white hat jr student and i didnt under stand this for loop in my class but u explain it very well

[@lucykim513]

he looks so enthusiastic for the boringest shit ever. thanks though this helped quite alot

[@extendedreal]

Why is this not working for me?? It says “Invalid left hand sign in assignment”. I copied your format but it still shows up

[@LyGr05]

can mouseX and Y be a variables? if so how?

[@thebeatsync4328]

how to make triangles in loop ?

[@rezaarian237]

dude, you are perfect

[@revolvency]

I think you need to explain the syntax here, I realized that it 'for' can only have 3 expression in it

[@minigooshey]

Hey Dan, I've run into an issue that's really confusing me. Why is it that sometimes when I set a variable before the setup function it works, and other times it does not? The p5 FAQ answers a question similar to it, and basically says that you can declare a variable before setup, but you must initialize the value inside setup for it to be used. Problem is even if I DO declare it before setup, then initialize it inside setup, it still doesn't affect anything inside draw. The exact same code works just fine if I set the variable inside draw.

[@TheCodingTrain]

I'd have to see the specific code to know why. can you post and ask at forum.processing.org?

[@alexandermcclure6185]

What about for each?

[@joneshshrestha]

Love from Nepal. 🇳🇵

[@9880808898]

so good proffesor

[@vrooomize]

Why in your script, background(0); in Draw() {} don't erase bubbles anytime?

[@TheCodingTrain]

It appears before I draw the bubbles so the bubbles appear on top. For more, ask at discourse.processing.org/! It's a better platform for Processing and p5.js related code questions. You can share code there easily! Feel free to link from here to your post.

[@nimbus1583]

In the beginning of the lesson I was very confused cause I thought that the draw function went on forever so why does the ellipses with the +1 x only go so many times

[@nimbus1583]

Nvm

[@nimbus1583]

Ow I have a new issue! In brackets my for loop never works!

[@kennyl7542]

Hi Dan, thanks for this great work. I have a more general question: do you know any resources of teaching/learning math using processing? (while I am doing processing exercises examples, I found myself understand basic math better as it is visualized through shapes, sizes, distances and movements. So, I wonder whether someone has tried to use processing and its style to teach or help students learn math through programming in processing?)

[@kennyl7542]

Absolutely, it is even better. Thanks

[@gamebrain4222]

help! brackets is saying to move var declarations to the top of the function when i type for (var = x; x

[@sdolby1]

for (var x = 0; x

[@gamebrain4222]

Stephen Dolby I found out myself :/ stupid mistake thanks anyways!

[@maximos118]

Hi Daniel! Still slowly working my way through your videos. Really good stuff buddy. I'm learning so much from you! I have a question regarding while and for statements. I'm noting down everything I learn with categorisation and colour coding in order to potentially improve the amount of information I'm actually taking in. My colour coding method is one that I've predicted would be most useful in the future. Var's are Blue, Fun's are Green, Strings are Red and Boolean's are Purple. All with their subheadings or chapters that contain all the relevant information. My question is, under what category would I put while and for? These are simply statements that don't fall under the category of a variable type am I correct? Would it be best to simply make an entirely new category called Statements do you think? Thanks for all your help! Max.

[@TheCodingTrain]

I consider them "control structures" -- they control the flow of the program. And I would put them in the same category as if, else if, and else!

[@maximos118]

@@TheCodingTrain Thanks for your answer and support! With shorthand stuff like x = x + 50; x += 50; do you advise I start using those shorthand techniques already while I learn or wait until a later date? Also... I keep crashing p5 while creating while and for loops. Are there any techniques to avoid such mishaps?