Difference between revisions of "A Ball In A Box"
(Created page with " <edcode> var cx=320; //cx,cy is the position of the ball var cy=240; // 320,240 is the starting position var dx=1; //dx is difference between the current x position a...") |
|||
| Line 1: | Line 1: | ||
| + | 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.03; | ||
| + | Think about what might happen when you run it, then run the program to see if you guessed right. | ||
<edcode> | <edcode> | ||
| Line 8: | Line 22: | ||
var dy=-1; //dy is difference between the current x position and the next y position | var dy=-1; //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, | + | var boxTop=130; //the top left corner of the box is 130,120 |
var boxLeft=120; | var boxLeft=120; | ||
| Line 18: | Line 32: | ||
function move() { | function move() { | ||
| − | |||
//adding the difference moves the ball | //adding the difference moves the ball | ||
cx+=dx; | cx+=dx; | ||
cy+=dy; | cy+=dy; | ||
| − | |||
//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 | ||
| Line 35: | Line 47: | ||
function draw() { | function draw() { | ||
clear(); | clear(); | ||
| + | |||
| + | //draw the ball | ||
| + | fillCircle(cx,cy,4); | ||
//draw the box | //draw the box | ||
| + | setColour('red'); | ||
drawRectangle(boxLeft,boxTop,boxWidth,boxHeight); | drawRectangle(boxLeft,boxTop,boxWidth,boxHeight); | ||
| − | |||
| − | |||
} | } | ||
run(move,draw); | run(move,draw); | ||
| − | |||
</edcode> | </edcode> | ||
Revision as of 09:22, 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.03;
Think about what might happen when you run it, then run the program to see if you guessed right.
