Viewing Program

Program Data

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

Title	Warship
ID	1566524312
Created	12 years ago, 1366422529625
Updated	12 years ago, 1375910965674
Code	/** Interactive Warship * by Timothy Smith * * For more awesome games, see my profile page! * * INSTRUCTIONS: * Use the arrow keys to move. * Use the left and right mouse buttons to drop bombs. * * * TOP 10 HIGH SCORES: * 9565 ------------ Aiden Dally * 8715 ------------- James Siek * 4295 ---------- Timothy Smith * 3530 ---------------- rufflet * 3490 ---------- Quinn McLeish * 3010 ----------- ¢Ωƚǃπ (colin) * 2995 ----------- Master Chief * 2985 ------------------ Sarah * 2505 ------- william safranek * 2290 --------- qindiandefence * * * You can find my blog here: * http://greatmst.blogspot.com/ * * * 4-20-13 NEW FEATURE: Reloading bombs! Every second, you * get another bomb. * 4-21-13 NEW FEATURE: Remaining bombs display, in the * upper-left corner of the screen. Each bomb icon represents * 5 bombs. * 4-21-13 UPDATE: Reduced max bombs. * 4-22-13 UPDATE: Fixed error encountered with certain * browsers. * 4-22-13 UPDATE: Modified ship slightly. * 4-22-13 UPDATE: Fixed ship going off screen. * 4-23-13 NEW FEATURE: Subs! Randomly generated, they * cross the screen from one side to the other. When hit * with a bomb, they sink. * 4-24-13 UPDATE: Improved subs graphics * 4-24-13 NEW FEATURE: Added dangerous mines. Ship sinks * when hit. * 4-25-13 NEW FEATURE: Score! Deeper subs yield more * points. * 4-25-13 UPDATE: Added bubbles. * 4-26-13 UPDATE: Increased frequency of subs. * 4-29-13 UPDATE: Added pausing capability. / frameRate(35); var sealevel = 60; // Sea level, from top of screen var lightpos = 0.8; // The light position used when drawing the bombs in the upper-left corner // Lowest and highest possible submarines var lowsub = 370; var highsub = sealevel + 10; // Sub size var subl = 40; // length var subh = subl 0.4; // Height // Speed of ship var shipSpeed = 3; // Largest and smallest seaweed var b_seaweed = 12; var s_seaweed = 3; // Ship variables var shipSize = 70; var shipHeight = shipSize * 0.3; var max_bombs = 25; // Maximum number of bombs var bsinkspeed = 2; // Speed of sinking bombs var bubblerise = 0.5; // Speed of rising bubbles var explSize = 50; // Size of explosion var btype = 1; // Type of bomb var paused = true; var level = 0; // Score var score = 0; // Array of images var images = []; // Keeps track of the time var timer = { seconds: 0, last: second(), manage: function() { if (this.last !== second()) { this.last = second(); this.seconds++; } } }; // Returns an image of a bomb var makeBomb = function(size) { var l = round(size * 1.5); var w = round(abs(size * 0.7)); var img = createGraphics(w + 2, l, JAVA2D); var xval; img.background(207, 207, 207, 0); // Left/right fins img.fill(184, 58, 0); img.noStroke(); img.quad(1, 1, 1, size/4, w/2, size/2, w/2, size/4); img.quad(w + 2, 1, w + 2, size/4, w/2 + 2, size/2, w/2 + 2, size/4); for (var i = w; i > 0; i--) { xval = w / 2 + ((w - i) / 2.2 * lightpos) + 1; img.stroke(sin((w - i) / w * 90) * 155 + 100, sin((w - i) / w * 90) * 160 + 20, 0); img.strokeWeight(i); img.line(xval, w / 2 + size / 5, xval, l - (w/2) - 2); } // Back fin img.stroke(102, 32, 0); img.strokeWeight(size * 0.03 + 1); img.line(w / 2 + 1, 2, w / 2 + 1, size / 3); img.endDraw(); return img; }; images[3] = makeBomb(14); //var makeBubbles = function() { // var img = createGraphics(15, 15, JAVA2D); // var t; // var r; // var x; // var y; // // img.beginDraw(); // img.background(0, 0, 0, 0); // img.stroke(255, 255, 255, 180); // img.strokeWeight(2); // // for (var i = 0; i < 20; i++) { // t = random(0, 360); // r = random(0, 15); // x = cos(t) * r; // y = sin(t) * r; // img.point(x, y); // } // // img.endDraw(); // return img; //}; // //images[5] = makeBubbles(); var makeSub = function(w, h) { var img = createGraphics(w + 2, round(h * 1.2), JAVA2D); var theta; var start; img.beginDraw(); img.background(0, 0, 0, 0); img.noFill(); for (var i = h; i > 0; i--) { theta = cos(i / h * 90); img.stroke(theta * 150 + 50, theta * 150 + 50, theta * 100 + 100); img.strokeWeight(i); img.line(h/2, h/2 - (h - i)/4 + h0.2, w - h/2, h/2 - (h - i)/4 + h0.2); } start = w * 0.35; for (i = w * 0.3; i > 0; i--) { theta = abs(cos(i / (w * 0.3) * 180)); img.stroke(theta * 100 + 50, theta * 100 + 50, theta * 150 + 50); img.line(start + i, 0, start + i, h * 0.2); } img.endDraw(); return img; }; images[4] = makeSub(subl, subh); // Returns the image of the seafloor var makeSeaFloor = function() { var img = createGraphics(400, 50, "JAVA2D"); img.beginDraw(); var x; var y; img.background(0, 0, 0, 0); img.noStroke(); img.fill(8, 168, 0); for (var i = 0; i < 1000; i++) { img.stroke(8 + random(-8, 10), 168 + random(-30, 30), random(0, 50)); img.fill(0, 99, 7); x = random(0, 400); y = random(s_seaweed, b_seaweed); if (y > b_seaweed - 0.25) { y = random(20, 30); } img.bezier(x + random(-5, 5), 50 - y, x, 60 - y, x + random(-5, 5), 60 - y, x, 50); } img.fill(92, 62, 30); img.noStroke(); img.ellipse(200, 50, 500, 7); img.endDraw(); return img; }; var seafloor = makeSeaFloor(); // Bubbles object var bubbleObj = function(x, y) { this.x = x; this.y = y; this.w = random(0, 360); this.manage = function() { this.r++; this.w += 5; this.y -= bubblerise; }; }; var allbubbles = { array: [], draw: function() { var wobble; stroke(255, 255, 255, 15); strokeWeight(3); for (var i = 0; i < this.array.length; i++) { wobble = sin(this.array[i].w) * 3; if (!paused) { this.array[i].manage(); } point(this.array[i].x + wobble, this.array[i].y); if (this.array[i].y < sealevel) { this.array.splice(i, 1); } } }, add: function(x, y) { this.array.push(new bubbleObj(x, y)); } }; // Explosion object var explObj = function(x, y) { this.x = x; this.y = y; this.size = 2; this.draw = function() { noFill(); strokeWeight(1.5); for (var i = 0; i < this.size; i++) { stroke(255, sin((this.size - i)/this.size * 90) * 255, 0, sin((this.size - i)/this.size * 90) * ((explSize * 1.5 - this.size) / explSize / 1.5) * 255); ellipse(this.x, this.y, i, i); } }; }; // All explosions var explosions = { a: [], manage: function() { for (var i = 0; i < this.a.length; i++) { this.a[i].draw(); if (!paused) { this.a[i].size += 5; if (this.a[i].size > explSize) { this.a.splice(i, 1); } } } }, add: function(x, y) { this.a.push(new explObj(x, y)); } }; // Bomb class. Returns a bomb object. var bombObj = function(x, y, type) { this.x = x; this.y = y; this.type = type; this.draw = function() { switch (type) { case 0: stroke(0, 0, 0); strokeWeight(4); point(this.x, this.y); break; case 1: stroke(0, 0, 0); strokeWeight(1); stroke(156, 0, 0); fill(255, 200, 0); ellipse(this.x, this.y, 4, 5); break; case 3: stroke(255, 0, 0); strokeWeight(2); line(this.x, this.y - 2, this.x, this.y + 1); stroke(0, 255, 0); line(this.x, this.y, this.x - 2, this.y); break; } }; this.move = function() { if (this.type <= 2) { this.y += bsinkspeed; } else { this.y -= bsinkspeed/3; } }; }; // All bombs object var allbombs = { array: [], add: function(x, y, t) { this.array.push(new bombObj(x, y, t)); }, kill: function(p) { if (this.array[p].type === 1) { explosions.add(this.array[p].x, this.array[p].y); } this.array.splice(p, 1); }, draw: function() { for (var i = 0; i < this.array.length; i++) { this.array[i].draw(); if (!paused) { this.array[i].move(); if (this.array[i].y >= 390 \|\| this.array[i].y <sealevel) { this.kill(i); } } } } }; // Ship object var ship = { x: 200, y: sealevel - shipHeight * 0.85, broken: false, damage: 0, sinking: false, lives: 2, rbombs: max_bombs, bombs: [], second: timer.seconds, tick: false, setup: function() { var imgheight = shipHeight; var heightB = round(imgheight * 0.55); var widthB = round(shipSize * 0.7); var xb = round((shipSize - widthB)/2); var yb = imgheight - heightB; var img = createGraphics(shipSize, imgheight, "JAVA2D"); img.beginDraw(); img.background(255, 255, 255, 0); img.fill(12); img.noStroke(); // Top detail img.rect(xb + widthB * 0.3, imgheight * 0.2, shipSize * 0.12, yb); img.strokeWeight(shipSize * 0.02); img.stroke(48); img.line(xb + widthB * 0.3, imgheight * 0.1, xb + widthB * 0.3, yb); img.line(xb + widthB * 0.36, imgheight * 0.15, xb + widthB * 0.36, yb); img.line(xb + widthB * 0.7, imgheight * 0.15, xb + widthB * 0.7, yb); // Base img.fill(75); img.noStroke(); img.rect(xb, yb, widthB, heightB); // Bow and stern img.triangle(0, yb, xb, yb, xb, imgheight); img.triangle(shipSize, yb, shipSize - xb, yb, shipSize - xb, imgheight); images[0] = img; var img2 = createGraphics(shipSize, imgheight, "JAVA2D"); img2.background(255, 255, 255, 0); img2.fill(12); img2.noStroke(); // Top detail img2.rect(xb + widthB * 0.3, imgheight * 0.2, shipSize * 0.12, yb); img2.strokeWeight(shipSize * 0.02); img2.stroke(48); img2.line(xb + widthB * 0.3, imgheight * 0.1, xb + widthB * 0.3, yb); img2.line(xb + widthB * 0.36, imgheight * 0.15, xb + widthB * 0.36, yb); img2.line(xb + widthB * 0.65, imgheight * 0.15, xb + widthB * 0.7, yb); // Base img2.fill(78); img2.noStroke(); img2.rect(xb, yb, widthB, heightB); // Bow and stern img2.triangle(shipSize * 0.05, yb - imgheight * 0.1, xb + shipSize * 0.15, yb - imgheight * 0.05, xb, imgheight); img2.triangle(shipSize, yb, shipSize - xb, yb, shipSize - xb, imgheight); img2.endDraw(); images[1] = img2; }, draw: function() { if (!this.broken) { image(images[0], this.x - shipSize / 2, this.y); } else { image(images[1], this.x - shipSize / 2, sealevel - shipHeight * 0.85); } }, manage: function() { // Check for mines if (!paused) { for (var i = 0; i < allbombs.array.length; i++) { if (allbombs.array[i].type === 3) { var x = allbombs.array[i].x; var y = allbombs.array[i].y; if (x > this.x - shipSize/2 && x < this.x + shipSize/2 && y > this.y && y < this.y + shipHeight) { this.damage++; this.y += 2; allbombs.kill(i); } } } // Sink ship if (this.damage > 2) { this.sinking = true; } if (this.sinking) { this.y += 0.02; } // Timer if (this.second !== timer.seconds) { this.tick = true; this.second = timer.seconds; } else { this.tick = false; } // Move if (keyIsPressed && !this.sinking) { if (keyCode === LEFT && this.x > shipSize / 2) { this.x -= shipSpeed; } else if (keyCode === RIGHT && this.x < 400 - shipSize / 2) { this.x += shipSpeed; } } // Reload bombs if (this.tick && this.rbombs < max_bombs) { this.rbombs += 1; } } }, dropBomb: function() { var bombx; if (this.rbombs > 0 && this.y < sealevel - 8) { if (mouseButton === 37) { bombx = this.x - shipSize * 0.35; } else if (mouseButton === 39) { bombx = this.x + shipSize * 0.35; } this.rbombs--; allbombs.add(bombx, sealevel + 5, btype); } } }; ship.setup(); // Sub class var sub = function(direction, speed) { this.d = direction; this.y = random(lowsub, highsub); this.damage = 0; if (this.d === "left") { this.x = 400 + subl; } else { this.x = -subl; } this.speedx = speed; if (this.d === "left") { this.speedx = -this.speedx; } }; // All subs object var allsubs = { array: [], add: function() { var r = round(random(0, 1)); var d = "right"; if (r === 0) { d = "left"; } this.array.push(new sub(d, 1)); }, blow: function(p) { for (var i = 0; i < 5; i++) { explosions.add(this.array[p].x + (subl/5 * i), this.array[p].y); } this.array.splice(p, 1); }, manage: function() { var r, r2; // Add new subs if (!paused) { r = round(random(0, 200)); r2 = round(random(0, 200)); if (r === r2) { this.add(); } } // Cycle through subs for (var i = 0; i < this.array.length; i++) { // Draw image(images[4], this.array[i].x, this.array[i].y); if (!paused) { // Release a bomb, or a bubble r = round(random(0, 50)); if (r === 1) { allbombs.add(this.array[i].x + subl/2, this.array[i].y, 3); } if (r < 10) { allbubbles.add(this.array[i].x + subl/2, this.array[i].y); } // Move. If off-screen, delete. this.array[i].x += this.array[i].speedx; if (this.array[i].damage) { this.array[i].speedx = 0.95; this.array[i].y += this.array[i].damage / 2; } if (this.array[i].x > 400 && this.array[i].d === "right" \|\| this.array[i].x < -subl && this.array[i].d === "left") { if (this.array.length > 1) { this.array.splice(i, 1); } } // Check for blown subs for (var ii = 0; ii < allbombs.array.length; ii++) { if (allbombs.array[ii].type !== 3) { var bx = allbombs.array[ii].x; var by = allbombs.array[ii].y; var sx = this.array[i].x; var sy = this.array[i].y; var win; if (bx > sx && bx < sx + subl && by > sy && by < sy + subh) { allbombs.kill(ii); win = round(((sy - sealevel)/400 50)/5 + 0.5) * 5; score += win; score = round(score); this.blow(i); break; } } } } } } }; allsubs.add(); // Draws scene var drawScene = function() { background(168, 175, 255); ship.draw(); noStroke(); fill(20, 40, 200, 210); rect(0, sealevel, 400, 400 - sealevel); image(seafloor, 0, 350); }; // Draws bombs var drawBombs = function() { allbombs.draw(); }; // Draws display var drawDisplay = function() { for (var i = 0; i < ship.rbombs / 5; i++) { image(images[btype + 2], 15 * i + 10, 9); } textAlign(RIGHT, TOP); textSize(20); fill(0, 0, 0); text(score, 390, 10); if (paused) { fill(100, 100, 100, 150); noStroke(); rect(0, 0, 400, 400); textAlign(CENTER, CENTER); textSize(30); fill(255, 255, 255); text("PAUSED", 200, 185); textSize(15); text("Click to start", 200, 215); } }; var draw = function() { if (focused) { paused = false; } else { paused = true; } timer.manage(); drawScene(); allsubs.manage(); drawBombs(); explosions.manage(); allbubbles.draw(); drawDisplay(); ship.manage(); }; var mouseClicked = function() { if (!paused) { ship.dropBomb(); } }; score=0;
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBiYh_3qBQw
Votes	250
Spin-Offs	18
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Timothy Smith
Author Name	PippinTook
Author ID	kaid_260898553571312085319284
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739282174717
Updated	8 months ago, 1744845386502
Source Deleted	unknown