4.2: Incrementing a Variable - Processing Tutorial

[@Yensnor]

I tried for several years to get into programming. I knew the syntax, operators, functions, variables. I knew about them. Tried to use them. But i never could wrap my head around the concept of what programming truly is. At the most basic level. The logic behind it. After 12+ languages and hundred+ hours over many years, failing and giving up. I FINALLY found a teacher who could make me truly understand. From the intro to here, even though this is all pretty basic stuff, still. I've understood it, not 70%, not 95, but 100%, because you're an amazing teacher. You revealed the puzzle of programming for me. It's amazing to me that this is a free resource for anyone to absorb. A thousand thanks to you sir. You've made a random 26 y old norwegian dude, extremely happy.

[@jimbalbier8526]

This sounds awesome. But there's one thing: why did you torture yourself so much when you didn't get the point of programming? Learning all these languages must've been hell, by all respect.

[@ub-relax6800]

Pseudorandom

[@vjd7]

I've been trying to learn coding skills forever.. to no avail. Your high-energy videos are actually something I can understand and process (pun intended)! Thanks for making them available!

[@TheCodingTrain]

+Jeremy Bessoff so glad to hear, thanks for the nice feedback!

[@koodig759]

Wow, this is so great, I am a Chinese and learning Processing by myself now. Wishing your book《LearningProcessing》can be translated in Chinese, but it is OK to me~I am so happy to improve my English and Processing both. HAHAHA, Thank you

[@inesflih8011]

Thank you ! You literally saved me. I'm a graphic design student and we learnt Processing, i have an exam and I was so lost. Your explanations are clear and simple to understand !

[@TheCodingTrain]

So glad to hear!

[@dancedonkey1]

4:02 is my favourite part :'D thanks for being a teacher that gets excited over the most simple stuff :D! it makes me feel like even as a starter I'm accomplishing great things haha, thanks!!!

[@elijahjflowers]

dancedonkey1 agreed

[@valentinDS96]

I knooow. I burst out laughing at that part. :d

[@abevetrone1288]

Hello, I will teach a "Creative Coding" class next year in high school and am very glad to have come across your videos. Helpful. And I am glad you did not have the time to edit out all the entertaining tangents and digressions! I can't remember which video you said it in but I agree, there are few activities more relaxing than throughly wiping off a white board. Thank you again. Keep GOING!

[@TheCodingTrain]

thanks for the nice feedback!

[@jennhott-leitsch7918]

Thank you sir, for taking the time to make all of these videos. I am studying Processing this summer, and I have been so lost. Your videos have helped me so much! And I might actually pass my final now!!

[@rishoo6976]

SAME

[@XxkolowyxX]

i love it when he talks to himself :) makes me feel less intimidated by programming

[@ezangrobotsvideos9286]

great , we are moving on, keep going - thanks

[@chafikchaf5827]

salam , Hi , you are the best , now i feel like i can be a programer , so funy plenty of info you making it so easy for us , I wish you were my teacher all this years . thanks man

[@gawni1612]

Finally a teacher who teaches how my brain works

[@understandinghumanity4653]

your videos are absolutely inspiring and when i first started watching i may have though " oh who tf is this human and his wild antics " but now i see the beauty in your humor and the nature of your persuasion towards becoming a more intellegent human being through humor and failure! /// DEF WORTH A SUBSCRIBE AND UPVOTE

[@understandinghumanity4653]

also @ 00:40 LOL at flipping the bird to this damm assignment operation

[@Sound8VisionVibe]

Loving the book and videos. Thanks so much for helping me dive into this new artistic horizon!

[@TheCodingTrain]

+Sound8Vision so glad to hear, thanks for watching!

[@MathyMahdi]

Hi Dan, the videos are excellent and I tried out speedX and speedY. It works great! By the way, I love your excitement for these videos float circleX = 0; float circleY = 0; float speedX = 1; float speedY = 1; float r = 24; void setup() { size(640, 360); } void draw() { background(0); fill(255); ellipse(circleX, circleY, r, r); circleX = circleX + speedX; circleY = circleY + speedY; }

[@tsmupdatertsm7633]

Such a great video... really!!! Perfect explanation! I did not think so far that a half pixel doesn't exists...... Here comes logical thinking....

[@TheCodingTrain]

Thank you!

[@ailen80]

Love your videos, you put so much energy in them :)

[@kounter2]

dude i just love you so much, thanks.

[@prekshamehta8273]

Also love the lessons they're very helpful! The energy helps so much, thank you so much! @TheCodingTrain

[@joincoder]

2021 just saw your explanation , thank you

[@anastasiaioannou1423]

u make me love processing really ! i love u are energy i love u are aura! from cyprus xxx

[@apprenticedtopicbookcritic101i]

So far I want to thank you so much as american are so decent and you are alike.

[@genhur736]

Love your videos! Question: When would we choose int over float, if float allows us to use integers and decimal numbers?

[@MiledRizk]

Hi, great tutorials, thanks! by the way, if we use the form circleX += 1 while the circleX type is still int we won't get an error but instead, the window will open up and the circle will simply not move.

[@MichaelLD305]

For the ball to bounce between its x axis float posX; float posY; float speed; float dirX; void setup () { size (640, 640); posX = 320; posY = 320; speed = 5; dirX = 1; } void draw () { background (50); fill (255); hitWall (); posX += speed * dirX; ellipse (posX, posY, 60, 60); } void hitWall () { if (dirX == -1) { if (posX = 640) { dirX = -1; } } }

[@bryananthony3924]

I don't really understand the animation logic from this code , I thought that if I want to animate something moving I would need some kind of time function to slow down the loop so we could see the different changes of the frame , but in here we don't use any time function so is the loop void draw () looping in a specific time interval ?

[@philz417]

How would I make that circle re-appear again from the spot it began (left) once it runs of the screen?? Please help me!

[@jorisalkema9590]

you need to make an if statement

[@aspasiabazakidou3407]

legend has it that the first ball is still moving

[@Anarchivist343]

Do you have a video on drawing with trig? I am very confused by it.

[@anapausantos7870]

HEYY!! i need help for a project! i need to make a fun code where i visualize sound!! any advice on where i can find tutorials of processing using beats?

[@dalenassar9152]

So the circle will actually come back from the left after circlex=255 ? It still see's the "+1" increment.

[@xzencombo3400]

Just tell if it is equal to width

[@angelcaru]

It technically WILL come back after 2147XXXXXX frames (the XXX representing I don't remember the number) because it's a 32-bit value.

[@Quidoute]

THE COD int circleX; void setup () { size (640,640); circleX = 0; } void draw () { background (255); circleX = circleX + 1; fill (0); noStroke (); ellipse (circleX,50,25,25);}

[@noureldinehab2686]

thanks(2019)

[@jlghfe36]

How fast is the ellipse being drawn over and over when its static?

[@lironmeler4099]

James Gabbitus I don't know if I understand your question but i will answer what i think you said. Processing is running in 24 frames per second. It means that the circle is updating 24 times every second.

[@jamesbradley3000]

What would the logic syntax be for the python version?

[@awsomeguy563]

it keeps on saying circlex cannot be resolved to a variable :((

[@jorisalkema9590]

you need to use a float type of variable

[@medimarsh2376]

I'm thinking you can run a university course worldwide called processing

[@alessandro.festuccia]

hi, thanks for your videos! just a question. if the increment is frame per frame, does processing use a certain number of frames per second as default? and if so, which one?

[@JurajPecháč]

Alessandro Festuccia The default rate is 60 frames per second.

[@adolfocarrillo248]

Hey Daniel, I have a cuestion. Why if I print a value on the screen using C++ a statement like CircleX = CircleX + 1; just adds one unit to my preceeding value of CircleX meanwhile in P5.js seems like the instruction keeps executing indefinitely(because the ellipse keeps moving )?, for me the ellipse in your program should move just 1 unit to the right and then the program should stops or the ellipse should stops to move, but it´s not in that way, is there a difference in the way C++ process a scan with reference to P5.js, seems to me like P5.js keeps executing the program over and over and over again in a none sense way, I mean seems like P5.js Keep scaning indefinitely mean the creator wants. Please Help me, I want to Straddle in the Coding Train too. By the way your tutorials are the best, thanks to investing your time sharing your knowledge.😀

[@TheCodingTrain]

This is related to how the draw() loop works in p5.js! kzbin.info/www/bejne/iJ-2YYyEqrGZh7M

[@KotatsuInUnova]

Daniel

[@alloftheabove1653]

With this i made a really stupid Flappy Bird game :D just the ball floating from the left to the right and down, and always when i press a key the ball jumps up a bit :D

[@tubattitobb]

amo a este tipo dior

[@teko773]

I don't know why this dude makes me laugh

[@lucaspop51]

In what language are you coding ?

[@TheCodingTrain]

This video uses Processing (which is built on top of the Java programming language). For more info, visit processing.org and also this video might help kzbin.info/www/bejne/d57PcpyBqM6sZtE.

[@lolsword7]

Is it possible to change the speed without changing the incremental value? Ie - Pausing the code, or making the code run twice as fast *If the only way to speed up the animation is to increment by 10 pixels, it would be impossible to quickly reach a point on the screen which is not a multiple of 10 pixels away

[@TheCodingTrain]

You can change the frame rate (see processing.org/reference/frameRate_.html) but there's a limit to how fast a frame rate Processing can handle depending on a variety of factors.

[@lolsword7]

@@TheCodingTrain Cheers, thats exactly what I was after!

[@karliban1]

never mind, i figured it out....

[@TheCodingTrain]

yay! thanks for watching!

[@karliban1]

so how the hell do you make something to grow??? make it smaller or bigger???

[@TheCodingTrain]

Variables! Thanks for watching!

[@a17waysJackinn]

omg if circlex created and in somethibg like 360hz display that might be fast as wild

[@en25minutes]

Dude, you're so funny

[@Raycast74]

Why Is this eerily similar to my JS classes on khan academy?? Is Java JS?!?!

[@tamy_br]

4:03 Daniel, can I hug you? :D

[@jjkj8902]

//How to draw rectangle like in paint. If smn know any easier variants pls tell float valueX = 0; float valueY = 0; void setup() { size(640, 360); } void draw() { background(102); fill(255,20,200); rectMode (CORNERS); if (mousePressed == true) { rect(valueX, valueY, mouseX, mouseY);; } else { rect(0, 0, 0, 0); } } void mousePressed () { valueX = mouseX; valueY = mouseY; }

[@JAMES18005]

It's saying variable circleX does not exist? I've copied yours

[@JAMES18005]

Ah, the float.

[@furiouscakeface6964]

lol i used a for loop :)

[@Jessi123B]

pls write my CS exam for me that's tomorrow :(

[@velvetdrgn]

so this is very confusing to me with the equals sign being used to assign a value to something cause in Delphi we use := it's much more easier to understand. these videos are messing with my brain.

[@angelcaru]

You'll get used to it.

[@NoyumiAo]

10:43 I'm dead HAHAH HI AGAIN