Difference between revisions of "A Ball In A Box"
| Line 12: | Line 12: | ||
Try adding the line | Try adding the line | ||
| − | dy+=0. | + | dy+=0.1; |
Think about what might happen when you run it, then run the program to see if you guessed right. | Think about what might happen when you run it, then run the program to see if you guessed right. | ||
| Line 19: | Line 19: | ||
var cy=240; // 320,240 is the starting position | var cy=240; // 320,240 is the starting position | ||
| − | var dx= | + | var dx=3; //dx is difference between the current x position and the next x position |
| − | var dy=- | + | var dy=-3; //dy is difference between the current x position and the next y position |
var boxTop=130; //the top left corner of the box is 130,120 | var boxTop=130; //the top left corner of the box is 130,120 | ||
| Line 38: | Line 38: | ||
//check to see if cx has crossed the left or right edges of the box | //check to see if cx has crossed the left or right edges of the box | ||
// and if cy has crossed the top or bottom edges of the box | // and if cy has crossed the top or bottom edges of the box | ||
| − | if (cx<boxLeft) dx= | + | if (cx<boxLeft) dx=3; |
| − | if (cy<boxTop) dy= | + | if (cy<boxTop) dy=3; |
| − | if (cx>boxRight) dx=- | + | if (cx>boxRight) dx=-3; |
| − | if (cy>boxBottom) dy=- | + | if (cy>boxBottom) dy=-3; |
| − | + | ||
} | } | ||
| Line 54: | Line 53: | ||
setColour('red'); | setColour('red'); | ||
drawRectangle(boxLeft,boxTop,boxWidth,boxHeight); | drawRectangle(boxLeft,boxTop,boxWidth,boxHeight); | ||
| − | |||
} | } | ||
run(move,draw); | run(move,draw); | ||
</edcode> | </edcode> | ||
Revision as of 09:41, 30 January 2012
This program shows a ball bouncing within the confines of a rectangle.
The ball position is stored in the variables cx and cy. The motion of the ball is stored in the dx and dy. dx represents the horizontal speed of the ball and dy represents the vertical speed.
dx gets added to cx each move cycle moving it sideways and dy gets added to cy to move up or down.
The move cycle also has to make sure the ball does not leave the rectangle. because the rectangle has four sides, it must do four checks looking at each side in turn.
cy is checked to see if it is higher than the top or lower than the bottom. cx is compared with the left and right edges of the rectangle.
Try adding the line
dy+=0.1;
Think about what might happen when you run it, then run the program to see if you guessed right.
