Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Curve Ball 2.0 (Red Paddle Can Lose Now)
ID	4800314033569792
Created	11 years ago, 1401834304904
Updated	11 years ago, 1414245944683
Code	/*** Follow this link to make the game larger!!: https://www.khanacademy.org/computer-programming/curve-ball-20-red-paddle-can-lose-now/4800314033569792?width=800&height=800 / /* * THANKS TO 'jocopa3,' WE NOW CAN PLAY AGAINST OPPONENT IN A FAIR WAY. HE WORKED OUT A NICE ALGORITHIM FOR HAVING THE RED PADDLE FOLLOW A BALL. * * CURVE BALL 2.0 (a.k.a. it can actually curve this time!!!!...unlike my last curveball game) * now you can have multiple balls in play * similar to the original curve ball game * bonus points are gained by achieving a curved path * opponent can now lose, so it is really similar to real game now * gray rectangle will slide along tunnel to show the depth of the ball * every time you return the ball, your score increases by 100 plus any bonus points * every time the computer returns a ball, it will get faster. * Its depth will also increase, making the balls faster and harder to spot * Use the hint boolean to see where the ball would be on your screen at this moment * * / var balls = 3; //change how many balls there are being played var persp = 200; //factor of perspective (make this larger or smaller) var HINT = false; //allow for on-screen hints of where the ball will land /IF YOU WOULD LIKE, CHECK OUT SOME OF MY OTHER PROGRAMS - 1-100 Guessing Game: https://www.khanacademy.org/cs/1-to-100-with-interactive-login/6486381732298752 - Word Disintegration: https://www.khanacademy.org/cs/word-disintegration/5036113450762240 - Drawing in 3D - https://www.khanacademy.org/cs/3d-animator/5638167836229632 / / Programming Techniques Used in this Program: - PVectors - Objects and Methods - Arrays and Splicing - Perspective - mouseX, pmouseX - Basic for-loops, if/else statements, variables / var applies = min(width , height); textAlign(CENTER, CENTER); rectMode(CENTER); var Font = createFont('Consolas'); //change the font textFont(Font, applies/20); translate(width/2, height/2); //score var score = 0; var bonus = 0; var u_points = 0; var o_points = 0; var score_y = -1.7 / 4 height; //red paddle var initial_factor = 12; var factor_speed = -0.5; //lengths var distance_of_other_paddle = 800; //depth of red var paddle_width = 1.5 * applies / 4; var paddle_height = 0.9 * applies / 4; var paddle_curve = applies * 0.2 / 4; var ball_size = applies / 8; //how fast the ball starts and speeds up var starting_speed = 13; var speed_increase = 0.5; //speed of mouse var mouseX_speed = 0; var mouseY_speed = 0; //colors var paddle_fill = color(199, 199, 199, 200); var Blue = color(34, 0, 255); var Red = color(255, 0, 0); var on_color = color(250, 75, 75, 200); //color when ball hits var ball_color = color(226, 250, 87); var lose_color = color(250, 75, 75, 150); //Random generator for Gaussian values (Normal Curve) var generator = new Random(random(0, 1000000)); //stores 3D coordinates of each var nodes = [[0, 0, 0], [0, 0, distance_of_other_paddle]]; var d = width/(floor(balls)+1); for(var i = 0; i < floor(balls); i++){ nodes.splice(i + 1, 0, [(i+1)d - width/2, height/10(i%2) - height/20, 0]); } //nodes are [user's paddle, N(the ball), and the opponent's paddle] //will be comprised of the user's paddle, ball, and then opponent's paddle like nodes[] var objects = []; //returns true if the paddle is on the ball var isOn = function(n1, n2){ //n1 = paddle, n2 = ball var o1 = objects[n1], o2 = objects[n2]; var leftw = o1.x - o1.w/2, rightw = o1.x + o1.w/2; var upw = o1.y - o1.h/2, downw = o1.y + o1.h/2; var X = o2.x, Y = o2.y, r = o2.s/2; return (leftw <= X + r && rightw >= X - r && upw <= Y + r && downw >= Y - r); }; var perspective_calc = function(value, depth){ //calculate new values based on depth return (valuepersp)/(depth + persp); }; var messages = []; var Message = function(value) { this.sign = value > 0? "+": ""; this.message = this.sign + value; this.y = score_y; this.a = 255; this.on = true; }; Message.prototype.draw = function() { fill(13, 255, 0, this.a); if(this.sign === ""){fill(255, 0, 0, this.a);} text(this.message, -0.3/4 * width, this.y); }; Message.prototype.update = function() { this.y = this.sign === "+"? this.y - 1: this.y + 1; this.a -= 8; if(this.a < 0){ this.on = false; } }; var Paddle = function(n, stroke){//object declaration this.n = n; this.stroke = stroke; this.on = false; this.f = paddle_fill; this.time = 21; this.factor = initial_factor; }; Paddle.prototype.update = function(){ //figures out all of the values if(this.n === 0){//user's paddle nodes[this.n][0] = constrain(mouseX - width/2, -width/2 + paddle_width/2, width/2 - paddle_width/2); nodes[this.n][1] = constrain(mouseY - height/2, -height/2 + paddle_height/2, height/2 - paddle_height/2); } if(this.n === objects.length-1){//opponent's paddle var closest; var closest_z = 0; var one = false; var count = 0; var store; for(var i = 1; i < objects.length - 1; i++){ if(objects[i].position.z > closest_z && objects[i].lose === false && objects[i].velocity.z > 0){closest = i; closest_z = objects[i].position.z; one = true;} if(objects[i].lose === false && objects[i].moving){ count ++; if(count === 1){store = i;} } } if(count === 1){closest = store;} if(!one && count !== 1){closest = 1;} var xi = (objects[closest].position.x-nodes[this.n][0])/this.factor; var yi = (objects[closest].position.y-nodes[this.n][1])/this.factor; nodes[this.n][0] = constrain(nodes[this.n][0] + xi, -width/2 + paddle_width/2, width/2 - paddle_width/2); nodes[this.n][1] = constrain(nodes[this.n][1] + yi, -height/2 + paddle_height/2, height/2 - paddle_height/2); } //calculates for drawing this.z = nodes[this.n][2]; this.x = perspective_calc(nodes[this.n][0], this.z); this.y = perspective_calc(nodes[this.n][1], this.z); this.w = perspective_calc(paddle_width, this.z); this.h = perspective_calc(paddle_height, this.z); this.c = perspective_calc(paddle_curve, this.z); if(this.time <= 3){this.f = on_color;} else{this.f = paddle_fill;} this.time ++; }; Paddle.prototype.draw = function() {//draws the rectangles fill(this.f); stroke(this.stroke); strokeWeight(2); rect(this.x, this.y, this.w, this.h, this.c); rect(this.x, this.y, this.w/5, this.h/5, this.c/3); }; var Ball = function(n){//creates a ball this.n = n; this.moving = false; this.position = new PVector(nodes[n][0], nodes[n][1], nodes[n][2]); this.velocity = new PVector(0, 0, 0); this.acceleration = new PVector(0, 0, 0); this.f = ball_color; this.lose = false; this.a = alpha(lose_color); }; Ball.prototype.startBall = function(n){//initializes the speeds of the ball objects[n].acceleration.x = -mouseX_speed/100; objects[n].acceleration.y = -mouseY_speed/100; objects[n].velocity.z = starting_speed; objects[0].time = 0; bonus = round((abs(this.acceleration.x) + abs(this.acceleration.y))1000); score += bonus; messages.push(new Message(bonus)); }; Ball.prototype.hit = function(who){//changes speeds when ball is hit by a paddle if(who === 'user'){ this.velocity.z = abs(this.velocity.z) + speed_increase; var s = 100; this.acceleration.x = -mouseX_speed/s; this.acceleration.y = -mouseY_speed/s; objects[0].time = 0; bonus = round(abs(this.acceleration.x) + abs(this.acceleration.y)1000); score += 100 + bonus; messages.push(new Message(100 + bonus)); } else if(who === 'opponent'){ this.velocity.z = -abs(this.velocity.z) - speed_increase; this.acceleration.x = generator.nextGaussian()/2; this.acceleration.y = generator.nextGaussian()/2; objects[objects.length-1].time = 0; objects[objects.length-1].factor = max(objects[objects.length-1].factor + factor_speed/balls, 2); // persp = constrain(persp-5/balls, 25, 1000); } }; Ball.prototype.update = function(){//logic of the ball //starts the ball's movement once clicked if(mouseIsPressed && isOn(0, this.n) && !this.moving){this.moving = true; this.startBall(this.n);} //acceleration is the rate of velocity, and velocity is the rate of position if(!this.lose){ this.velocity.add(this.acceleration); this.velocity.x = constrain(this.velocity.x, -20, 20); this.velocity.y = constrain(this.velocity.y, -20, 20); this.position.add(this.velocity); } if(this.lose){ this.acceleration.mult(0); this.velocity.mult(0); lose_color = color(red(lose_color), green(lose_color), blue(lose_color), this.a); this.f = lose_color; this.a -= 1.5; } //x and y walls var damp = 3/4; //dampens the curve of the ball if(this.position.x + ball_size/2 >= width/2){this.velocity.x = -abs(this.velocity.x); this.acceleration.x =damp;this.acceleration.y =damp;} if(this.position.x - ball_size/2 <= -width/2){this.velocity.x = abs(this.velocity.x); this.acceleration.x =damp;this.acceleration.y =damp;} if(this.position.y + ball_size/2 >= height/2){this.velocity.y = -abs(this.velocity.y); this.acceleration.x =damp;this.acceleration.y =damp;} if(this.position.y - ball_size/2 <= -height/2){this.velocity.y = abs(this.velocity.y); this.acceleration.x =damp;this.acceleration.y =damp;} //user paddle hit if(abs(this.position.z - objects[0].z) < abs(this.velocity.z)/2 && isOn(0, this.n) && this.moving){ this.hit('user'); } else if(this.position.z < -abs(this.velocity.z)/2 && this.lose === false){ this.lose = true; score -= 100; messages.push(new Message(-100)); o_points ++; } if(abs(this.position.z - objects[objects.length -1].z) < abs(this.velocity.z/2) && isOn(objects.length-1, this.n)){ this.hit('opponent'); } else if(this.position.z > distance_of_other_paddle + abs(this.velocity.z/2) && this.lose === false){ this.lose = true; score += 100; messages.push(new Message(100)); u_points ++; } //update the drawn parts this.x = perspective_calc(this.position.x, this.position.z); this.y = perspective_calc(this.position.y, this.position.z); this.s = perspective_calc(ball_size, this.position.z); }; Ball.prototype.draw = function() {//draws an ellipse noStroke(); var scalar = this.a; if(!this.lose){ var scalar = map(this.position.z, 0, distance_of_other_paddle, 0, 100); } fill(this.f); ellipse(this.x, this.y, this.s, this.s); fill(0, 0, 0, scalar); ellipse(this.x, this.y, this.s, this.s); if(HINT && this.lose === false){ noFill(); stroke(255, 0, 0); strokeWeight(3); ellipse(this.position.x, this.position.y, ball_size, ball_size); } }; //index of objects matches index of nodes objects[0] = new Paddle(0, Blue); //user's paddle..blue for(var i = 1; i <= floor(balls); i++){ objects[i] = new Ball(i); } objects[objects.length] = new Paddle(objects.length, Red); //opponent's paddle...red var mouse_speeds = function(){//used for the curving effect to know how curved it is mouseX_speed = mouseX - pmouseX; mouseY_speed = mouseY - pmouseY; }; var bg = function(){//draws the background and green/gray rectangles background(0, 0, 0); strokeWeight(1); stroke(26, 255, 0); noFill(); var n = round(10); //multiple rectangles for(var i = 0; i <= distance_of_other_paddle; i += distance_of_other_paddle/n){ var sx = perspective_calc(width, i); var sy = perspective_calc(height, i); rect(0, 0, sx, sy); } //green diagnols var dx = perspective_calc(width, distance_of_other_paddle)/2; var dy = perspective_calc(height, distance_of_other_paddle)/2; line(-width/2, -height/2, -dx, -dy); line( width/2, -height/2, dx, -dy); line(-width/2, height/2, -dx, dy); line( width/2, height/2, dx, dy); //sliding gray rectangle stroke(173, 173, 173); for(var i = 1; i < objects.length - 1; i ++){ if(!objects[i].lose){ rect(0, 0, perspective_calc(width, objects[i].position.z), perspective_calc(height, objects[i].position.z)); } } }; var mouseClicked = function(){//restarts program once lost var at_least_one = false; for(var i = 1; i < objects.length - 1; i++){ if(!objects[i].lose){at_least_one = true;} } if(!at_least_one){Program.restart();} }; var bl = []; for(var i = 1; i < objects.length - 1; i ++){ bl.push(objects[i]); } frameRate(50); var draw = function() { bg(); mouse_speeds(); //draw the red paddle objects[objects.length - 1].update(); objects[objects.length - 1].draw(); //sort the balls by depth bl.sort(function(a, b){return b.position.z - a.position.z;}); for(var i in bl){bl[i].update(); bl[i].draw();} //draw the blue paddle objects[0].update(); objects[0].draw(); var all = true; for(var i = 1; i < objects.length - 1; i++){ if(!objects[i].lose){all = false;} } if(all){ fill(245, 216, 144, 230); rect(0, 0, width/2, height/2, applies / 20); fill(247, 5, 5); textSize(applies / 15); text("Your Score\nwas " + score + ".\nWon: " + u_points + "\nLost: " + o_points, 0, 0); } var count = 0; for(var i = 1; i < objects.length - 1; i ++){ if(!objects[i].lose && objects[i].moving){ count ++; } } fill(255, 255, 255); textSize(applies / 20); text("Score: " + score + " Bonus: " + bonus, 0, score_y); text("# Active: " + count + "\nUser Won: " + u_points + " Opponent Won: " + o_points, 0, -score_y); for(var i in messages){ if(messages[i].on){ messages[i].update(); messages[i].draw(); } } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKCmw7vDCAw
Votes	296
Spin-Offs	36
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	RayMan
Author Name	rayjtana
Author ID	kaid_952911577858513019620187
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739370094725
Updated	8 months ago, 1744844958570
Source Deleted	unknown