Viewing Program

Program Data

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

Title	Tunnel Ball (Updated)
ID	5154230477815808
Created	7 years ago, 1528747728680
Updated	7 years ago, 1529091625665
Code	/** * Welcome to Tunnel Ball! I hope you enjoy it. * * The program takes a little while to load, so just wait for it. * * Tip: When using mouse controls, if your mouse is far away from the center of the screen, you will have more control of the paddle, but the paddle won't be able to move as fast. Also, when your mouse is close to the center of the screen, you will be able to move the paddle faster, but you will have less control. */ // make the transitions faster var fastTransitions = false; // the tube image (without the rings) var tubeImage = createGraphics(width, height, P2D); tubeImage.beginDraw(); for(var i = 600; i > 0; i--){ tubeImage.noStroke(); tubeImage.fill(lerpColor(color(0, 0, 0), color(226, 227, 215), map(i, 0, 600, 0.3, 1))); tubeImage.ellipse(200, 200, i, i); } tubeImage.endDraw(); // ball image var ballImage = createGraphics(50, 50, P2D); ballImage.beginDraw(); ballImage.background(0, 0, 0, 0); for(var i = 50; i > 0; i--){ ballImage.noStroke(); ballImage.fill(lerpColor(color(255, 0, 0), color(0, 0, 0), map(i, 0, 50, 0, 0.3))); ballImage.ellipse(25, 25, i, i); } ballImage.endDraw(); // sound button image var soundImage = createGraphics(40, 40, P2D); soundImage.beginDraw(); soundImage.background(222, 198, 222, 0); soundImage.fill(0, 0, 0); soundImage.ellipse(8, 20, 12, 12); soundImage.triangle(3, 20, 17, 7, 17, 33); soundImage.noFill(); soundImage.strokeWeight(3); soundImage.strokeCap(SQUARE); soundImage.stroke(0, 0, 0); soundImage.angleMode = "degrees"; soundImage.arc(13, 20, 20, 20, -45, 45); soundImage.arc(13, 20, 35, 35, -45, 45); soundImage.arc(13, 20, 50, 50, -45, 45); soundImage.endDraw(); image(soundImage, 0, 0); // menu images used during transitions (created later) var homeImage; var helpImage; var winImage; var loseImage; var blockImage; var chooseImage; // the level images (used during transitions & created later) var levelImgs = []; // the current scene var scene = 1; // how many lives you have var lives = 3; // the current level var level = 0; // maximum depth var maxDepth = 200; // starting speed of the balls var ballSpeed = 1.5; // are you moving down the tube var moving = false; // is the sound on var sound = true; // transition variables var nextScene = 1; var imageStartSize = 10; var imageSize = imageStartSize; var secondImageSize = width; var currentScreenImage; var transitionImage; // control type var controls = 1; // the timer to make the rings var timer = 0; // power-up variables //var powerTimer = 0; var ballPowerTimer = 0; var paddlePowerTimer = 0; var powerType = 0; // time to change the speed of the balls var setSpeedType = false; // time to change the width of the paddle var changePaddleWidth = false; // the level was reset var reset = true; // time to create the block image if you lose var createBlockImg = false; // time to make the first level image again var createFirstImg = false; // the help image needs to change var createHelpImg = false; // the keys var keys = []; // the balls var balls = []; // the tube rings var rings = []; // the blocks on the screen var blocks = []; // the ring object var Ring = function() { this.size = 1; }; // make the ring bigger to make the effect of it getting closer Ring.prototype.update = function() { this.size += map(this.size, 0, 600, 0.1, 3); }; // draw the ring Ring.prototype.draw = function() { stroke(0, 0, 0); noFill(); strokeWeight(map(this.size, 0, 600, 0.1, 3)); ellipse(200, 200, this.size, this.size); }; // the ball object var Ball = function(depth, angle, downDir, aroundDir, startSpeed, menu) { this.depth = depth; this.angle = angle; this.speed = new PVector(aroundDir, downDir); // make the speed of the ball ballSpeed this.speed.normalize(); this.speed.mult(startSpeed); this.drawn = false; this.remove = false; this.timer = 200; this.speedType = 0; this.fast = 1.3; this.slow = 0.5; this.menu = menu; }; // move the ball Ball.prototype.update = function() { // speed up every 200 frames if it is not the menu ball this.timer--; if(this.timer <= 0 && this.menu !== true){ this.speed.mult(1.01); this.timer = 200; } // move if(this.speedType === 2){ // slow this.depth += this.speed.ythis.slow; this.angle += this.speed.xthis.slow; }else if(this.speedType === 1){ // fast this.depth += this.speed.ythis.fast; this.angle += this.speed.xthis.fast; }else{ // normal this.depth += this.speed.y; this.angle += this.speed.x; } // bounce off the bottom of the tube if(this.depth >= maxDepth){ if(this.speed.y > 0){ this.speed.y = -1; if(sound && scene === 3){ // play a sound playSound(getSound("retro/hit1")); } } } // remove because it hit the top of the tube if(this.depth <= 0){ this.remove = true; if(sound){ // play a sound playSound(getSound("rpg/battle-magic")); } } // wrap the angle around if(this.angle > 360){ this.angle -= 360; } if(this.angle < 0){ this.angle += 360; } // time to draw the ball again this.drawn = false; }; // collisions with blocks Ball.prototype.collide = function(block) { if(this.angle+3 > block.angle && (this.angle-3 < block.angle+block.width \|\| this.angle-3 < block.angle+block.width-360) && this.depth+5 >= block.depth-block.height/2 && this.depth-5 < block.depth+block.height/2){ // it collided if(abs((block.angle+block.width+3)-this.angle) < abs(this.angle-(block.angle-3)) && abs((block.angle+block.width+3)-this.angle)2 < abs(this.depth-(block.depth+block.height/2)) && abs((block.angle+block.width+3)-this.angle)2 < abs((block.depth-block.height/2)-this.depth)){ // bounce off right side if(this.speed.x < 0){ this.speed.x = -1; this.angle = block.angle+block.width+3; // hit the block block.hit(); } }else if(abs(this.angle-(block.angle-3))2 < abs(this.depth-(block.depth+block.height/2)) && abs(this.angle-(block.angle-3))2 < abs((block.depth-block.height/2)-this.depth)){ // bounce off left side if(this.speed.x > 0){ this.speed.x = -1; this.angle = block.angle-3; // hit the block block.hit(); } }else if((block.depth-block.height/2)-this.depth < this.depth-(block.depth+block.height/2)){ // bounce off bottom if(this.speed.y < 0){ this.speed.y = -1; this.depth = block.depth+block.height/2+5; // hit the block block.hit(); } }else{ // bounce off top if(this.speed.y > 0){ this.speed.y = -1; this.depth = block.depth-block.height/2-5; // hit the block block.hit(); } } } }; // draw the ball Ball.prototype.draw = function() { pushMatrix(); translate(200, 200); rotate(this.angle); imageMode(CENTER); image(ballImage, map(this.depth, maxDepth, 0, 25, 278), 0, map(this.depth, maxDepth, 0, 5, 25), map(this.depth, maxDepth, 0, 5, 25)); imageMode(CORNER); popMatrix(); this.drawn = true; }; // block object var Block = function(type, depth, angle, width, hits) { this.type = type; this.depth = depth; this.angle = angle; this.width = width; this.height = 10; this.hits = hits; this.destroy = false; }; // draw the block Block.prototype.draw = function() { strokeCap(SQUARE); strokeWeight(map(this.depth, 0, maxDepth, 50, 10)); noFill(); // the bottom part if(this.hits === 1){ stroke(196, 194, 196); }else if(this.hits === 2){ stroke(163, 15, 34); }else if(this.hits === 3){ stroke(153, 107, 29); }else if(this.hits === 4){ stroke(134, 135, 56); }else if(this.hits === 5){ stroke(32, 97, 27); }else if(this.hits === 6){ stroke(16, 135, 143); }else if(this.hits === 7){ stroke(11, 50, 117); }else if(this.hits === 8){ stroke(110, 18, 181); }else if(this.hits === 9){ stroke(82, 69, 18); }else{ stroke(38, 37, 38); } arc(200, 200, map(this.depth+this.height/2, maxDepth, 0, 30, 283)2, map(this.depth+this.height/2, maxDepth, 0, 30, 283)2, this.angle, this.angle+this.width); // the top if(this.hits === 1){ stroke(255, 255, 255); }else if(this.hits === 2){ stroke(255, 0, 0); }else if(this.hits === 3){ stroke(255, 145, 0); }else if(this.hits === 4){ stroke(255, 255, 75); }else if(this.hits === 5){ stroke(40, 153, 40); }else if(this.hits === 6){ stroke(26, 187, 199); }else if(this.hits === 7){ stroke(69, 69, 222); }else if(this.hits === 8){ stroke(155, 19, 189); }else if(this.hits === 9){ stroke(110, 77, 12); }else{ stroke(54, 54, 54); } strokeWeight(map(this.depth+this.height, 0, maxDepth, 50, 10)); arc(200, 200, map(this.depth, maxDepth, 0, 30, 283)2, map(this.depth, maxDepth, 0, 30, 280)2, this.angle, this.angle+this.width); if(this.type === 2){ pushMatrix(); fill(0, 0, 0); translate(200, 200); rotate(this.angle+this.width/2+90); textAlign(CENTER, CENTER); textSize(map(this.depth, 0, maxDepth, 40, 8)); text("?", 0, -map(this.depth, maxDepth, 0, 30, 283)); popMatrix(); } }; // get hit Block.prototype.hit = function() { this.hits--; if(this.hits <= 0){ if(sound){ // play a sound playSound(getSound("rpg/hit-thud")); } // the block needs to be destroyed if(this.type === 2 && this.destroy === false){ // release a power-up var power = round(random(0, 4)); if(power === 0){ // smaller paddle paddlePowerTimer = 1000; changePaddleWidth = true; powerType = 4; }else if(power === 1){ // bigger paddle paddlePowerTimer = 1000; changePaddleWidth = true; powerType = 3; }else if(power === 2){ // extra ball balls.push(new Ball(this.depth, this.angle+this.width/2, random(-1, 1), random(-0.5, 0.5), ballSpeed)); }else if(power === 3){ // slower balls ballPowerTimer = 1000; powerType = 2; setSpeedType = true; }else{ // faster balls ballPowerTimer = 1000; powerType = 1; setSpeedType = 2; } } // destroy the block this.destroy = true; }else if(sound){ // play a sound playSound(getSound("retro/hit1")); } }; // paddle object var Paddle = function() { this.depth = 81; this.angle = 72; this.width = 40; this.long = 60; this.short = 30; this.normal = 40; this.drawn = false; this.launched = true; }; // move the paddle Paddle.prototype.update = function() { // change the width of the paddle if necessarily if(changePaddleWidth === true){ if(powerType === 3){ this.width = this.long; }else{ this.width = this.short; } changePaddleWidth = false; } if(controls > 0){ // mouse controls this.angle = atan2(mouseY-height/2, mouseX-width/2)-this.width/2; // wrap around if(this.angle < 0){ this.angle += 360; } }else{ // arrow key controls if(keys[RIGHT]){ // rotate to the right this.angle -= 2; if(this.angle < 0){ this.angle += 360; } } if(keys[LEFT]){ // rotate to the left this.angle += 2; if(this.angle > 360){ this.angle -= 360; } } if(keys[32] && this.launched === false){ // launch a ball this.launch(); } } this.drawn = false; }; // collide with the ball Paddle.prototype.collide = function(ball) { if(ball.depth >= this.depth-10 && ball.depth < this.depth+10 && ((ball.angle+3 > this.angle && ball.angle-3 < this.angle+this.width) \|\| (ball.angle+3 > this.angle-360 && ball.angle-3 < this.angle+this.width-360))){ // the ball hit the paddle, make it go down if it is going up if(ball.speed.y < 0){ ball.speed.y = -1; if(sound && scene === 3){ // play a sound playSound(getSound("retro/hit1")); } } } }; // draw the paddle Paddle.prototype.draw = function() { strokeCap(SQUARE); strokeWeight(map(this.depth, 0, maxDepth, 50, 10)); noFill(); // bottom stroke(20, 161, 29); arc(200, 200, map(this.depth+5, maxDepth, 0, 30, 283)2, map(this.depth+5, maxDepth, 0, 30, 283)2, this.angle, this.angle+this.width); // top stroke(10, 199, 10); arc(200, 200, map(this.depth, maxDepth, 0, 30, 283)2, map(this.depth, maxDepth, 0, 30, 283)2, this.angle, this.angle+this.width); this.drawn = true; }; // launch the ball Paddle.prototype.launch = function() { // choose a random spread var around = random(0.3, 0.7); // choose a direction if(random(0, 1) > 0.5){ around = -1; } // create a ball balls.push(new Ball(this.depth, this.angle+this.width/2, 1, around, ballSpeed)); this.launched = true; }; // floor object var Floor = function() { this.size = 60; this.minSize = 0; this.maxSize = 60; this.open = false; }; // move the floor Floor.prototype.update = function() { if(this.open && this.size > this.minSize){ // go down this.size -= map(this.size, 0, 600, 0.1, 3)2; if(this.size <= this.minSize){ // stop going down, make the tube move this.open = false; moving = true; this.size = -15; } }else if(moving && this.size < this.maxSize){ // go up this.size += map(this.size, 0, 600, 0.1, 3); if(this.size >= this.maxSize){ // don't let the floor get too big this.size = this.maxSize; } } }; // draw the floor Floor.prototype.draw = function() { fill(73, 72, 102); stroke(0, 0, 0); strokeWeight(map(this.size, 0, 600, 0.1, 3)); ellipse(200, 200, this.size, this.size); }; // button object var Button = function(x, y, width, height, text, action, type) { this.x = x; this.y = y; this.width = width; this.height = height; this.text = text; this.action = action; this.type = type; }; // draw the button Button.prototype.draw = function() { if(this.type === 1){ imageMode(CENTER); image(soundImage, this.x, this.y, this.width, this.height); imageMode(CORNER); if(sound === false){ stroke(0, 0, 0); strokeWeight(this.width/10); strokeCap(SQUARE); line(this.x-this.width/2, this.y-this.height/2, this.x+this.width/2, this.y+this.height/2); } }else{ stroke(0, 0, 0); strokeWeight(1); fill(203, 204, 194); rect(this.x-this.width/2, this.y-this.height/2, this.width, this.height, 10); textAlign(CENTER, CENTER); textSize(25); fill(16, 8, 245); text(this.text, this.x-1, this.y+2); fill(39, 142, 232); text(this.text, this.x, this.y); } }; // check to see if the button was clicked Button.prototype.click = function() { if(mouseX > this.x-this.width/2 && mouseX < this.x+this.width/2 && mouseY > this.y-this.height/2 && mouseY < this.y+this.height/2){ // the button was clicked this.action(); return true; }else{ return false; } }; // the levels var levels = [ [new Block(1, 190, 0, 360, 8),new Block(1, 180, 0, 360, 7),new Block(1, 170, 0, 360, 5),new Block(1, 160, 0, 360, 4),new Block(1, 150, 0, 360, 3),new Block(1, 140, 0, 360, 2)], [new Block(1, 120, 35, 110, 4),new Block(1, 120, 215, 110, 4),new Block(2, 190, 35, 110, 4),new Block(2, 190, 215, 110, 4),new Block(1, 155, 0, 55, 4),new Block(1, 155, 305, 55, 4),new Block(1, 155, 125, 55, 4),new Block(1, 155, 180, 55, 4)], [new Block(2, 200, 0, 30, 1),new Block(1, 120, 230, 30, 2),new Block(1, 170, 110, 30, 3),new Block(2, 150, 290, 30, 4),new Block(1, 190, 50, 30, 5),new Block(1, 110, 80, 30, 6),new Block(2, 180, 190, 30, 7),new Block(1, 140, 320, 30, 8),new Block(1, 160, 250, 30, 9),new Block(2, 130, 170, 30, 10)], [new Block(1, 190, 0, 45, 3),new Block(1, 190, 45, 45, 3),new Block(1, 190, 90, 45, 3),new Block(1, 190, 135, 45, 3),new Block(1, 190, 180, 45, 3),new Block(1, 190, 225, 45, 3),new Block(1, 190, 270, 45, 3),new Block(1, 190, 315, 45, 3),new Block(1, 150, 0, 45, 2),new Block(1, 150, 45, 45, 2),new Block(1, 150, 90, 45, 2),new Block(1, 150, 135, 45, 2),new Block(1, 150, 180, 45, 2),new Block(1, 150, 225, 45, 2),new Block(1, 150, 270, 45, 2),new Block(1, 150, 315, 45, 2),new Block(2, 170, 0, 180, 1),new Block(2, 170, 180, 180, 1)], [new Block(1, 180, 0, 45, 3),new Block(1, 180, 45, 45, 5),new Block(1, 180, 90, 45, 3),new Block(1, 180, 135, 45, 5),new Block(1, 180, 180, 45, 3),new Block(1, 180, 225, 45, 5),new Block(1, 180, 270, 45, 3),new Block(1, 180, 315, 45, 5),new Block(1, 160, 0, 45, 2),new Block(1, 160, 45, 45, 1),new Block(1, 160, 90, 45, 2),new Block(1, 160, 135, 45, 1),new Block(1, 160, 180, 45, 2),new Block(1, 160, 225, 45, 1),new Block(1, 160, 270, 45, 2),new Block(1, 160, 315, 45, 1)], [new Block(1, 190, 0, 36, 1),new Block(1, 190, 36, 36, 2),new Block(1, 190, 72, 36, 3),new Block(1, 190, 108, 36, 4),new Block(1, 190, 144, 36, 5),new Block(1, 190, 180, 36, 6),new Block(1, 190, 216, 36, 7),new Block(1, 190, 252, 36, 8),new Block(1, 190, 288, 36, 9),new Block(1, 190, 324, 36, 10),new Block(1, 170, 0, 36, 10),new Block(1, 170, 36, 36, 9),new Block(1, 170, 72, 36, 8),new Block(1, 170, 108, 36, 7),new Block(1, 170, 144, 36, 6),new Block(1, 170, 180, 36, 5),new Block(1, 170, 216, 36, 4),new Block(1, 170, 252, 36, 3),new Block(1, 170, 288, 36, 2),new Block(1, 170, 324, 36, 1)], [new Block(1, 190, 0, 30, 5),new Block(1, 190, 60, 30, 5),new Block(1, 190, 120, 30, 5),new Block(1, 190, 180, 30, 5),new Block(1, 190, 240, 30, 5),new Block(1, 190, 300, 30, 5),new Block(1, 180, 30, 30, 4),new Block(1, 180, 90, 30, 4),new Block(1, 180, 150, 30, 4),new Block(1, 180, 210, 30, 4),new Block(1, 180, 270, 30, 4),new Block(1, 180, 330, 30, 4),new Block(2, 170, 0, 30, 3),new Block(2, 170, 60, 30, 3),new Block(2, 170, 120, 30, 3),new Block(2, 170, 180, 30, 3),new Block(2, 170, 240, 30, 3),new Block(2, 170, 300, 30, 3),new Block(1, 160, 30, 30, 2),new Block(1, 160, 90, 30, 2),new Block(1, 160, 150, 30, 2),new Block(1, 160, 210, 30, 2),new Block(1, 160, 270, 30, 2),new Block(1, 160, 330, 30, 2),new Block(1, 150, 0, 30, 1),new Block(1, 150, 60, 30, 1),new Block(1, 150, 120, 30, 1),new Block(1, 150, 180, 30, 1),new Block(1, 150, 240, 30, 1),new Block(1, 150, 300, 30, 1)], [new Block(1, 160, 0, 10, 5),new Block(1, 160, 10, 10, 5),new Block(1, 160, 20, 10, 5),new Block(1, 160, 30, 10, 5),new Block(1, 160, 40, 10, 5),new Block(1, 160, 50, 10, 5),new Block(1, 160, 60, 10, 5),new Block(1, 160, 70, 10, 5),new Block(1, 160, 80, 10, 5),new Block(1, 160, 90, 10, 5),new Block(1, 160, 100, 10, 5),new Block(1, 160, 110, 10, 5),new Block(1, 160, 120, 10, 5),new Block(1, 160, 130, 10, 5),new Block(1, 160, 140, 10, 5),new Block(1, 160, 150, 10, 5),new Block(1, 160, 160, 10, 5),new Block(1, 160, 170, 10, 5),new Block(1, 160, 180, 10, 5),new Block(1, 160, 190, 10, 5),new Block(1, 160, 200, 10, 5),new Block(1, 160, 210, 10, 5),new Block(1, 160, 220, 10, 5),new Block(1, 160, 230, 10, 5),new Block(1, 160, 240, 10, 5),new Block(1, 160, 250, 10, 5),new Block(1, 160, 260, 10, 5),new Block(1, 160, 270, 10, 5),new Block(1, 160, 280, 10, 5),new Block(1, 160, 290, 10, 5),new Block(1, 160, 300, 10, 5),new Block(1, 160, 310, 10, 5),new Block(1, 160, 320, 10, 5),new Block(1, 160, 330, 10, 5),new Block(1, 160, 340, 10, 5),new Block(1, 160, 350, 10, 5)], [new Block(2, 190, 0, 30, 5),new Block(2, 190, 30, 30, 5),new Block(2, 190, 60, 30, 5),new Block(2, 190, 90, 30, 5),new Block(2, 190, 120, 30, 5),new Block(2, 190, 150, 30, 5),new Block(2, 190, 180, 30, 5),new Block(2, 190, 210, 30, 5),new Block(2, 190, 240, 30, 5),new Block(2, 190, 270, 30, 5),new Block(2, 190, 300, 30, 5),new Block(2, 190, 330, 30, 5),new Block(2, 170, 0, 30, 2),new Block(2, 170, 30, 30, 2),new Block(2, 170, 60, 30, 2),new Block(2, 170, 90, 30, 2),new Block(2, 170, 120, 30, 2),new Block(2, 170, 150, 30, 2),new Block(2, 170, 180, 30, 2),new Block(2, 170, 210, 30, 2),new Block(2, 170, 240, 30, 2),new Block(2, 170, 270, 30, 2),new Block(2, 170, 300, 30, 2),new Block(2, 170, 330, 30, 2)], [new Block(1, 190, 0, 40, 10),new Block(2, 190, 40, 40, 10),new Block(1, 190, 80, 40, 10),new Block(2, 190, 120, 40, 10),new Block(1, 190, 160, 40, 10),new Block(2, 190, 200, 40, 10),new Block(1, 190, 240, 40, 10),new Block(2, 190, 280, 40, 10),new Block(1, 190, 320, 40, 10),new Block(2, 180, 0, 40, 10),new Block(1, 180, 40, 40, 10),new Block(2, 180, 80, 40, 10),new Block(1, 180, 120, 40, 10),new Block(2, 180, 160, 40, 10),new Block(1, 180, 200, 40, 10),new Block(2, 180, 240, 40, 10),new Block(1, 180, 280, 40, 10),new Block(2, 180, 320, 40, 10),new Block(1, 170, 0, 40, 10),new Block(2, 170, 40, 40, 10),new Block(1, 170, 80, 40, 10),new Block(2, 170, 120, 40, 10),new Block(1, 170, 160, 40, 10),new Block(2, 170, 200, 40, 10),new Block(1, 170, 240, 40, 10),new Block(2, 170, 280, 40, 10),new Block(1, 170, 320, 40, 10)] ]; // the paddle var paddle = new Paddle(); // the floor var floorDoor = new Floor(); // the menu ball var menuBall = new Ball(90, 90, 1, 0.5, ballSpeed, true); // the buttons var playButton = new Button(125, 300, 100, 50, "Play", function(){nextScene = 6;floorDoor.open = true;transitionImage = chooseImage;}); var helpButton = new Button(275, 300, 100, 50, "Help", function(){nextScene = 2;floorDoor.open = true;transitionImage = helpImage;}); var backButton = new Button(125, 360, 100, 50, "Back", function(){nextScene = 1;floorDoor.open = true;transitionImage = homeImage;}); var menuButton = new Button(200, 300, 100, 50, "Home", function(){nextScene = 1;floorDoor.open = true;transitionImage = homeImage;}); var changeButton = new Button(275, 360, 100, 50, "Change", function(){controls=-1;createHelpImg = true;}); var soundButton = new Button(30, 370, 30, 30, "", function(){if(sound){sound = false;}else{sound = true;}createFirstImg = true;}, 1); var easyButton = new Button(90, 300, 100, 50, "Easy", function(){nextScene = 3;floorDoor.open = true;transitionImage = levelImgs[0];level = 0;blocks.splice(0);lives = 3;ballSpeed = 1;}); var normalButton = new Button(200, 300, 100, 50, "Normal", function(){nextScene = 3;floorDoor.open = true;transitionImage = levelImgs[0];level = 0;blocks.splice(0);lives = 3;ballSpeed = 1.5;}); var hardButton = new Button(310, 300, 100, 50, "Hard", function(){nextScene = 3;floorDoor.open = true;transitionImage = levelImgs[0];level = 0;blocks.splice(0);lives = 3;ballSpeed = 2;}); // sort functions var sortBalls = function() { var copy = []; while(balls.length > 0){ var least = 0; for(var i = 0; i < balls.length; i++){ // find the lowest ball if(balls[i].depth > balls[least].depth){ least = i; } } // add it to copy copy.push(new Ball(balls[least].depth, balls[least].angle, balls[least].speed.y, balls[least].speed.x, balls[least].speed.mag())); // remove it from the list balls.splice(least, 1); } for(var i = 0; i < copy.length; i++){ // put copy back into the list balls.push(new Ball(copy[i].depth, copy[i].angle, copy[i].speed.y, copy[i].speed.x, copy[i].speed.mag())); } }; var sortBlocks = function(blockArray) { var copy = []; while(blockArray.length > 0){ var least = 0; for(var i = 0; i < blockArray.length; i++){ // find the lowest block if(blockArray[i].depth > blockArray[least].depth){ least = i; } } // add it to copy copy.push(new Block(blockArray[least].type, blockArray[least].depth, blockArray[least].angle, blockArray[least].width, blockArray[least].hits)); // remove it from the list blockArray.splice(least, 1); } for(var i = 0; i < copy.length; i++){ // put copy back into the list blockArray.push(new Block(copy[i].type, copy[i].depth, copy[i].angle, copy[i].width, copy[i].hits)); } }; // start the level var startLevel = function() { for(var i = 0; i < levels[level].length; i++){ // create the blocks blocks.push(new Block(levels[level][i].type, levels[level][i].depth, levels[level][i].angle, levels[level][i].width, levels[level][i].hits)); } reset = false; // reset the paddle paddle.launched = false; }; // menu drawing functions var drawHome = function() { textAlign(CENTER, CENTER); fill(16, 8, 245); textSize(60); text("Tunnel Ball", 199, 103); fill(39, 142, 232); text("Tunnel Ball", 200, 100); playButton.draw(); helpButton.draw(); }; var drawHelp = function() { textAlign(CENTER, CENTER); fill(16, 8, 245); textSize(60); text("Instructions", 199, 43); fill(39, 142, 232); text("Instructions", 200, 40); textSize(18); fill(255, 255, 255); var controlText = ""; // use different text based off of the controls if(controls > 0){ controlText = "Use the mouse to move the paddle, and click to start the ball."; }else{ controlText = "Use the right and left arrow keys to move the paddle, and the space bar to start the ball."; } text("Use the paddle to keep the ball on the screen until all the blocks have been destroyed. The balls will only bounce around the edges of the tube, not straight through the center. When a block with a \'?\' is destroyed, the speed of the balls will change, the size of the paddle will change, or another ball will be released. If you lose all the balls, you lose a life. If you lose all your lives, you lose.\n"+controlText+" Or, click the \'"+changeButton.text+"\' button below to change the controls.", 0, 45, 400, 300); backButton.draw(); changeButton.draw(); }; var drawWin = function() { textAlign(CENTER, CENTER); fill(16, 8, 245); textSize(60); text("You Win!", 199, 103); fill(39, 142, 232); text("You Win!", 200, 100); menuButton.draw(); }; var drawLose = function() { textAlign(CENTER, CENTER); fill(16, 8, 245); textSize(60); text("You Lost.", 199, 103); fill(39, 142, 232); text("You Lost.", 200, 100); menuButton.draw(); }; var drawChoose = function() { textAlign(CENTER, CENTER); fill(16, 8, 245); textSize(60); text("Difficulty:", 199, 103); fill(39, 142, 232); text("Difficulty:", 200, 100); easyButton.draw(); normalButton.draw(); hardButton.draw(); }; // image creating functions var createLevelImgs = function(num) { for(var i = 0; i < num; i++){ // sort the blocks in the level sortBlocks(levels[i]); background(0, 0, 0, 0); for(var j = 0; j < levels[i].length; j++){ // draw the blocks levels[i][j].draw(); } if(i === 0){ // draw how many lives you have imageMode(CENTER); image(ballImage, 30, 30, 20, 20); imageMode(CORNER); fill(0, 0, 0); textAlign(CENTER, CENTER); textSize(15); text(lives, 30, 30); // draw what level you are on text("1/"+levels.length, 360, 30); // draw the sound button soundButton.draw(); } // create the image levelImgs[i] = get(0, 0, 400, 400); } }; var createBlockImage = function() { background(0, 0, 0, 0); for(var i = 0; i < blocks.length; i++){ // draw the blocks blocks[i].draw(); } // draw how many lives you have imageMode(CENTER); image(ballImage, 30, 30, 20, 20); imageMode(CORNER); fill(0, 0, 0); textAlign(CENTER, CENTER); textSize(15); text(lives, 30, 30); // draw what level you are on text(level+1+"/"+levels.length, 360, 30); // draw the sound button soundButton.draw(); // create the image blockImage = get(0, 0, width, height); }; var createHelpImage = function() { background(0, 0, 0, 0); drawHelp(); helpImage = get(0, 0, width, height); }; // the rings aren't loaded var loaded = false; // create the inital rings while(loaded === false){ timer -= 10; if(timer <= 0){ // create a new ring rings.push(new Ring()); timer = 50; } for(var i = 0; i < rings.length; i++){ // move the rings 10 steps for(var j = 0; j < 10; j++){ rings[i].update(); } if(rings[i].size > 550){ // a ring is too big, get rid of it rings.splice(i, 1); i--; // we are done loaded = true; } } } // create the level & menu images createLevelImgs(levels.length); background(255, 255, 255, 0); drawHome(); homeImage = get(0, 0, width, height); background(255, 255, 255, 0); drawHelp(); helpImage = get(0, 0, width, height); background(255, 255, 255, 0); drawWin(); winImage = get(0, 0, width, height); background(255, 255, 255, 0); drawLose(); loseImage = get(0, 0, width, height); background(255, 255, 255, 0); drawChoose(); chooseImage = get(0, 0, width, height); // set the starting screen image currentScreenImage = homeImage; // key handling var keyPressed = function() { // press the key keys[keyCode] = true; }; var keyReleased = function() { // release the key keys[keyCode] = false; }; // click handling var mouseClicked = function() { if(scene === 1 && moving === false){ // home playButton.click(); helpButton.click(); }else if(scene === 2 && moving === false){ // help backButton.click(); changeButton.click(); }else if(scene === 3){ var clicked = soundButton.click(); if(clicked === false && paddle.launched === false && controls > 0){ // launch the ball if the controls are mouse controls paddle.launch(); } }else if(scene === 4 \|\| scene === 5){ // win/lose screens menuButton.click(); }else if(scene === 6){ // difficulty easyButton.click(); normalButton.click(); hardButton.click(); } }; // draw function var draw = function() { // create images if you need to if(createBlockImg){ createBlockImg = false; createBlockImage(); } if(createHelpImg){ createHelpImg = false; createHelpImage(); currentScreenImage = helpImage; } if(createFirstImg){ createFirstImg = false; createLevelImgs(1); } if(paddlePowerTimer > 0){ // decrease the paddle power-up timer paddlePowerTimer--; if(paddlePowerTimer <= 0){ // reset the paddle paddle.width = paddle.normal; } } if(ballPowerTimer > 0){ // decrease the ball power-up timer ballPowerTimer--; if(ballPowerTimer <= 0){ // reset the balls powerType = 0; setSpeedType = true; } } // draw the tube image(tubeImage, 0, 0); if(moving){ // if you are moving, decrease the ring spawn timer timer--; if(fastTransitions){ timer--; } } if(timer <= 0){ // create a new ring rings.push(new Ring()); timer = 50; } for(var i = 0; i < rings.length; i++){ if(moving){ // move the ring rings[i].update(); if(fastTransitions){ rings[i].update(); } } if(rings[i].size > 550){ // get rid of too big rings rings.splice(i, 1); i--; }else{ // draw the ring rings[i].draw(); } } // draw and move the floor of the tube floorDoor.update(); if(fastTransitions){ floorDoor.update(); } floorDoor.draw(); if(moving){ // chage the transition images' sizes imageSize += map(imageSize, 0, 600, 0.1, 3); secondImageSize += map(secondImageSize, 0, 600, 0.1, 3); if(fastTransitions){ imageSize += map(imageSize, 0, 600, 0.1, 3); secondImageSize += map(secondImageSize, 0, 600, 0.1, 3); } // draw the paddle paddle.draw(); // draw the image coming up the tube imageMode(CENTER); image(transitionImage, 200, 200, imageSize, imageSize); imageMode(CORNER); if(imageSize >= 400){ // stop moving moving = false; if(nextScene === 3){ // start the level startLevel(); } // reset imageSize = imageStartSize; secondImageSize = width; scene = nextScene; menuBall.angle = paddle.angle+paddle.width/2; menuBall.depth = 90; currentScreenImage = transitionImage; } } if(scene === 3){ // game screen var sort = false; for(var i = 0; i < balls.length; i++){ if(setSpeedType){ // change the ball's speed balls[i].speedType = powerType; } // move the ball balls[i].update(); if(balls[i].remove){ // remove a ball balls.splice(i, 1); i--; }else if(i !== 0 && balls[i].depth > balls[i-1]){ // the balls are out of order, we need tosort them sort = true; } } if(setSpeedType){ setSpeedType = false; } if(sort){ // sort the balls sortBalls(); } // the blocks for(var i = 0; i < blocks.length && moving === false; i++){ for(var j = 0; j < balls.length; j++){ // ball-block collisions balls[j].collide(blocks[i]); if(balls[j].drawn === false && balls[j].depth > blocks[i].depth-blocks[i].height+10){ // draw the ball if it is underneath the current block and it hasn't been drawn already balls[j].draw(); } } if(blocks[i].destroy){ // get rid of the block blocks.splice(i, 1); i--; }else{ // draw the block blocks[i].draw(); } } // move the paddle paddle.update(); for(var i = 0; i < balls.length; i++){ // paddle-ball collision paddle.collide(balls[i]); if(balls[i].depth < paddle.depth-paddle.height){ // if the paddle is below the ball, draw the paddle paddle.draw(); } if(balls[i].drawn === false){ // draw the ball if it hasn't been drawn balls[i].draw(); } } if(paddle.drawn === false){ // draw the paddle if it hasn't already been drawn paddle.draw(); } if(moving === false \|\| nextScene === 3){ // draw how many lives you have imageMode(CENTER); image(ballImage, 30, 30, 20, 20); imageMode(CORNER); fill(0, 0, 0); textAlign(CENTER, CENTER); textSize(15); text(lives, 30, 30); // draw what level you are on text(level+1+"/"+levels.length, 360, 30); // draw the sound button soundButton.draw(); } if(moving && nextScene !== 3){ // lose transition imageMode(CENTER); image(blockImage, 200, 200, secondImageSize, secondImageSize); imageMode(CORNER); } if(blocks.length === 0 && reset === false){ // you won, reset balls.splice(0); floorDoor.open = true; reset = true; level++; if(level < levels.length){ // move on to the next level transitionImage = levelImgs[level]; }else{ // you win level--; transitionImage = winImage; nextScene = 4; createBlockImg = true; } } if(balls.length === 0 && blocks.length > 0 && paddle.launched && moving === false && floorDoor.open === false){ // lose a life lives--; if(lives <= 0){ // you lose, start the transition floorDoor.open = true; transitionImage = loseImage; nextScene = 5; createBlockImg = true; }else{ // prepare to launch another ball paddle.launched = false; } } }else{ // all the screen execpt for the game screen // draw the ball if(moving === false && floorDoor.open === false){ menuBall.update(); menuBall.draw(); } // put the paddle where the ball is paddle.angle = menuBall.angle-paddle.width/2; if(paddle.angle < 0){ // wrap the paddle around paddle.angle += 360; } // make the paddle collide with the ball paddle.collide(menuBall); if(moving === false){ // draw the paddle paddle.draw(); } // draw the screen image imageMode(CENTER); if(secondImageSize < 1200){ image(currentScreenImage, 200, 200, secondImageSize, secondImageSize); } imageMode(CORNER); } };
Folds	12,16,22,26,105,107,109,111,113,118,120,134,136,184,186,223,225,234,236,244,246,307,309,351,353,362,364,403,405,416,418,429,431,441,443,448,450,468,470,475,477,485,487,510,512,520,522,533,551,570,571,590,592,600,602,611,612,631,632,640,641,649,650,660,662,688,689,709,710,714,718,738,759,762,763,766,768,792,794,1033
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOLl7PeTCQw
Votes	241
Spin-Offs	26
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	joel
Author Name	JoelTheBurritoEater
Author ID	kaid_272382894461019601503796
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739375939712
Updated	6 months ago, 1739375945721
Source Deleted	unknown