Viewing Program

Program Data

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

Title	Splish Splash Pong
ID	4789849669369856
Created	10 years ago, 1435583185462
Updated	9 years ago, 1470793141651
Code	var screen = "mainMenu"; var score = 0; var gameOver = false; var waveImage; var coin = { x: 200, y: 85 }; var drawShark = function(x, y, direction) { if (direction === "right") { noStroke(); fill(100, 100, 125); rect(x, y, 35, 35); triangle(x + 12, y - 12, x + 12, y, x + 25, y); fill(75, 75, 100); rect(x, y + 20, 35, 15); fill(255, 0, 150); rect(x + 27, y + 27, 8, 3); fill(255, 255, 100); ellipse(x + 20, y + 25, 6, 3); } if (direction === "left") { noStroke(); fill(100, 100, 125); rect(x, y, 35, 35); triangle(x + 25, y - 12, x + 25, y, x + 10, y); fill(75, 75, 100); rect(x, y + 20, 35, 15); fill(255, 0, 150); rect(x, y + 27, 8, 3); fill(255, 255, 100); ellipse(x + 18, y + 25, 6, 3); } }; var Shark = function(x, y, w, h, speed, faceLeft) { this.x = x; this.y = y; this.w = w; this.h = h; this.speed = speed; this.faceLeft = faceLeft; }; Shark.prototype.draw = function() { for (var i = 0; i < this.x.length; i++) { if (this.faceLeft[i] === true) { drawShark(this.x[i], this.y[i], "left"); } else { drawShark(this.x[i], this.y[i], "right"); } } }; Shark.prototype.move = function() { for (var i = 0; i < this.x.length; i++) { this.x[i] += this.speed[i]; if (this.faceLeft[i] === true) { if (this.x[i] + this.w < 0) { this.x[i] = random(400, 600); this.y[i] = random(75, 315); this.speed[i] = -random(2, 4); } } else { if (this.x[i] > 400) { this.x[i] = -random(35, 335); this.y[i] = random(75, 315); this.speed[i] = random(2, 4); } } } }; var sharks = new Shark([-random(100, 350), -random(100, 350), random(500, 700)], [random(75, 315), random(75, 315), random(75, 315)], 35, 35, [random(2, 4), random(2, 4), -random(2, 4)], [false, false, true]); var drawDude = function(x, y, direction) { if (direction === "down") { noStroke(); fill(255, 225, 0); rect(x + 2, y + 5, 31, 15, 2); triangle(x + 12, y, x + 25, y, x + 25, y - 12); fill(255, 255, 0); rect(x + 5, y - 2, 25, 22, 5); fill(255, 100, 0); rect(x + 12.5, y + 17, 10, 6, 2); stroke(0); point(x + 10, y + 15); point(x + 25, y + 15); } if (direction === "up") { noStroke(); fill(255, 225, 0); rect(x + 2, y + 5, 31, 15, 2); triangle(x + 12, y - 12, x + 12, y, x + 25, y); fill(255, 255, 0); rect(x + 5, y - 2, 25, 22, 5); } }; var Dude = function(x, y, w, h, speed, faceUp) { this.x = x; this.y = y; this.w = w; this.h = h; this.speed = speed; this.faceUp = faceUp; }; Dude.prototype.draw = function() { if (this.faceUp === true) { drawDude(this.x, this.y + 5, "up"); } else { drawDude(this.x, this.y + 5, "down"); } }; Dude.prototype.changeDirections = function() { this.speed = -1; if (this.speed > 0) { this.faceUp = false; } else { this.faceUp = true; } }; Dude.prototype.move = function() { this.y += this.speed; if (this.y < 40 \|\| this.y + this.h > 355) { this.changeDirections(); } }; Dude.prototype.collectCoin = function() { if (this.x + this.w > coin.x - 15 && this.x < coin.x + 15 && this.y + this.h > coin.y - 15 && this.y < coin.y + 15) { score++; if (this.y < coin.y + 15 && coin.y === 85) { coin.y = 325; } if (this.y + this.h > coin.y - 15 && coin.y === 325) { coin.y = 85; } } }; Dude.prototype.hitShark = function() { for (var i = 0; i < sharks.x.length; i++) { if (this.x + this.w > sharks.x[i] && this.x < sharks.x[i] + sharks.w && this.y + this.h > sharks.y[i] && this.y < sharks.y[i] + sharks.h) { gameOver = true; } } }; var dude = new Dude(182, 200, 35, 25, 3, false); var button = function(x, y, label, nextScreen) { stroke(255); strokeWeight(3); if (mouseX > x && mouseX < x + 150 && mouseY > y && mouseY < y + 50) { fill(255, 85, 0); cursor(HAND); if (mouseIsPressed) { screen = nextScreen; } } else { fill(255, 100, 0); } rect(x, y, 150, 50, 15); fill(255); textSize(25); text(label, x + 75, y + 25); }; var bumper = function(x, y) { strokeCap(SQUARE); noStroke(); fill(0, 160, 171); rect(x + 16, y + 6, 60, 10); noStroke(); fill(255); rect(x, y, 16, 25); arc(x + 8, y, 16, 16, 180, 360); stroke(255, 100, 0); line(x, y + 5, x + 15, y + 5); line(x, y + 15, x + 15, y + 15); noStroke(); fill(255); rect(x + 75, y, 16, 25); arc(x + 83, y, 16, 16, 180, 360); stroke(255, 100, 0); line(x + 75, y + 5, x + 90, y + 5); line(x + 75, y + 15, x + 90, y + 15); }; var createWaveImage = function() { waveImage = createGraphics(400, 400, JAVA2D); if (waveImage) { waveImage.beginDraw(); waveImage.background(0, 200, 255); waveImage.strokeWeight(3); waveImage.stroke(0, 175, 255); for (var x = 0; x < 400; x++) { for (var y = 12; y < 400; y += 25) { waveImage.point(x, 3 sin(x * 15) + y); } } waveImage.endDraw(); } }; createWaveImage(); var mainMenu = function() { background(0, 200, 255); image(waveImage, 0, 0); fill(255); textSize(50); text("Splish Splash\nPong", 200, 75); button(125, 165, "Play", "play"); button(125, 245, "Instructions", "instructions"); fill(255); textSize(25); text("Made by Kevin23", 200, 350); }; var instructions = function() { background(0, 200, 255); image(waveImage, 0, 0); fill(255); textSize(50); text("Instructions", 200, 50); textSize(20); textAlign(LEFT, CENTER); text("1) Click to change directions\n2) Avoid the sharks\n3) Collect the coins to earn points\n4) Have fun!", 35, 200); textAlign(CENTER, CENTER); button(125, 325, "Back", "mainMenu"); }; var coins = function(x, y) { noStroke(); fill(255, 255, 0); quad(x, y - 15, x + 15, y, x, y + 15, x - 15, y); fill(255, 225, 0); quad(x, y - 10, x + 10, y, x, y + 10, x - 10, y); fill(255, 255, 0); quad(x, y - 4, x + 4, y, x, y + 4, x - 4, y); }; var gameOverScreen = function() { fill(255); textSize(75); text("Splash!", 200, 150); textSize(25); text("Click Anywhere to Play Again", 200, 225); dude.speed = 0; sharks.speed[0] = 0; sharks.speed[1] = 0; sharks.speed[2] = 0; }; var play = function() { background(0, 200, 255); image(waveImage, 0, 0); bumper(155, 35); bumper(155, 350); dude.draw(); dude.move(); dude.collectCoin(); dude.hitShark(); sharks.draw(); sharks.move(); coins(coin.x, coin.y); fill(255); textSize(75); text(score, 50, 35); if (gameOver === true) { gameOverScreen(); } }; var game = function() { textFont(createFont("sans-serif")); textAlign(CENTER, CENTER); cursor(ARROW); switch (screen) { case "mainMenu": mainMenu(); break; case "instructions": instructions(); break; case "play": play(); break; } }; var mouseClicked = function() { if (dude.y > 60 && dude.y + dude.h < 335 && gameOver === false) { dude.changeDirections(); } if (gameOver === true) { screen = "play"; score = 0; gameOver = false; dude.x = 182; dude.y = 200; dude.speed = 3; dude.faceUp = false; sharks.x[0] = -random(100, 350); sharks.y[0] = random(75, 315); sharks.speed[0] = random(2, 4); sharks.faceLeft[0] = false; sharks.x[1] = -random(100, 350); sharks.y[1] = random(75, 315); sharks.speed[1] = random(2, 4); sharks.faceLeft[1] = false; sharks.x[2] = random(500, 700); sharks.y[2] = random(75, 315); sharks.speed[2] = -random(2, 4); sharks.faceLeft[2] = true; } }; var draw = function() { game(); };
Folds	5,9,11,38,40,48,50,59,61,80,84,108,110,118,120,127,129,138,140,147,149,163,165,172,176,198,200,225,227,246,250,264,266,278,280,289,291,303,305,329,331,349,351,381,383,386
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMjA_IrBCAw
Votes	340
Spin-Offs	3
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Kevin23
Author Name	kevin2339
Author ID	kaid_963177212814900086422279
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739063696640
Updated	4 months ago, 1744828829015
Source Deleted	unknown