4.2: Incrementing a Variable - Processing Tutorial
ฝัง
- เผยแพร่เมื่อ 16 ก.ค. 2015
- This video demonstrates how to increment a variable's value after each cycle of the draw() function.
Support this channel on Patreon: / codingtrain
Contact: / shiffman
Send me your questions and coding challenges!: github.com/CodingTrain/Rainbo...
Link to code on Github: github.com/CodingTrain/Rainbo...
Processing: processing.org
Processing Foundation: processingfoundation.org/
Learning Processing Book: learningprocessing.com/
For More Processing Tutorials:
th-cam.com/users/shiffman...
📄 Code of Conduct: github.com/CodingTrain/Code-o...
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.
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.
Pseudorandom
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
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!
+Jeremy Bessoff so glad to hear, thanks for the nice feedback!
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 !
So glad to hear!
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!!!
dancedonkey1 agreed
I knooow. I burst out laughing at that part. :d
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!!
SAME
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!
thanks for the nice feedback!
Hands down best teacher I could find! I am blown away by your level of communication. I was watching things from harvard and other various places and none of them communicated these concepts with such a balance of theory and application. I am not only grasping these concepts but applying then and expanding on them and making them my own. You have my deepest appreciation
i love it when he talks to himself :)
makes me feel less intimidated by programming
Loving the book and videos. Thanks so much for helping me dive into this new artistic horizon!
+Sound8Vision so glad to hear, thanks for watching!
Love your videos, you put so much energy in them :)
Finally a teacher who teaches how my brain works
great , we are moving on, keep going - thanks
Also love the lessons they're very helpful! The energy helps so much, thank you so much! @TheCodingTrain
dude i just love you so much, thanks.
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
u make me love processing really ! i love u are energy i love u are aura! from cyprus xxx
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
also @ 00:40 LOL at flipping the bird to this damm assignment operation
very entertaining! Great Job!!!!!!!!!!!!!!!!!!!!!
Such a great video... really!!! Perfect explanation! I did not think so far that a half pixel doesn't exists......
Here comes logical thinking....
Thank you!
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;
}
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.
2021 just saw your explanation , thank you
Love your videos! Question: When would we choose int over float, if float allows us to use integers and decimal numbers?
So far I want to thank you so much as american are so decent and you are alike.
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;
}
}
}
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?
Do you have a video on drawing with trig? I am very confused by it.
legend has it that the first ball is still moving
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 ?
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?
Alessandro Festuccia The default rate is 60 frames per second.
What would the logic syntax be for the python version?
amo a este tipo dior
How would I make that circle re-appear again from the spot it began (left) once it runs of the screen??
Please help me!
you need to make an if statement
thanks(2019)
So the circle will actually come back from the left after circlex=255 ? It still see's the "+1" increment.
Just tell if it is equal to width
It technically WILL come back after 2147XXXXXX frames (the XXX representing I don't remember the number) because it's a 32-bit value.
How fast is the ellipse being drawn over and over when its static?
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.
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.😀
This is related to how the draw() loop works in p5.js! th-cam.com/video/RnS0YNuLfQQ/w-d-xo.html
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);}
I'm thinking you can run a university course worldwide called processing
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
omg if circlex created and in somethibg like 360hz display that might be fast as wild
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
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.
@@TheCodingTrain Cheers, thats exactly what I was after!
it keeps on saying circlex cannot be resolved to a variable :((
you need to use a float type of variable
Dude, you're so funny
In what language are you coding ?
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 th-cam.com/video/AmlAiKsiy0o/w-d-xo.html.
4:03 Daniel, can I hug you? :D
Why Is this eerily similar to my JS classes on khan academy?? Is Java JS?!?!
I don't know why this dude makes me laugh
never mind, i figured it out....
yay! thanks for watching!
Daniel
so how the hell do you make something to grow??? make it smaller or bigger???
Variables! Thanks for watching!
//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;
}
10:43 I'm dead HAHAH HI AGAIN
It's saying variable circleX does not exist? I've copied yours
Ah, the float.
lol i used a for loop :)
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.
You'll get used to it.
pls write my CS exam for me that's tomorrow :(