Viewing Program

Program Data

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

Title	Battleship [Completed Game]
ID	4818398125965312
Created	4 years ago, 1619271297779
Updated	4 years ago, 1619319207897
Code	/ I have been programming for 20 months I have completed 100% of the Intro to JS course I would prefer to be placed in the Intermediate bracket. / //Boat Graphics var dr = function() { background(255, 255, 255, 0); noStroke(); //Ship 1 fill(-7431262); beginShape(); vertex(134, 194); vertex(136, 180); vertex(138, 180); vertex(138, 175); vertex(140, 175); vertex(140, 180); vertex(142, 180); vertex(143, 190); vertex(152, 189); vertex(151, 194); endShape(); fill(122, 122, 122); beginShape(); vertex(104, 192); vertex(106, 190); vertex(110, 189); vertex(110, 185); vertex(114, 185); vertex(114, 190); vertex(118, 190); vertex(118, 192); vertex(124, 192); vertex(125, 194); vertex(114, 196); endShape(); fill(135, 138, 138); beginShape(); vertex(88, 201); vertex(90, 198); vertex(96, 197); vertex(98, 192); vertex(104, 192); vertex(100, 200); endShape(); fill(-4995378); beginShape(); vertex(56, 208); vertex(192, 208); vertex(198, 200); vertex(187, 201); vertex(190, 198); vertex(182, 200); vertex(182, 201); vertex(176, 202); vertex(180, 198); vertex(172, 200); vertex(171, 202); vertex(164, 202); vertex(163, 198); vertex(159, 198); vertex(158, 194); vertex(100, 193); vertex(96, 200); vertex(78, 201); vertex(80, 198); vertex(74, 200); vertex(73, 201); vertex(55, 201); endShape(); fill(-7694689); for (var i = 58; i < 70; i += 3) { ellipse(i, 205, 2, 2); } beginShape(); vertex(110, 201); vertex(117, 201); vertex(117, 198); vertex(110, 199); endShape(); beginShape(); vertex(123, 206); vertex(129, 206); vertex(129, 203); vertex(122, 204); endShape(); beginShape(); vertex(115, 206); vertex(121, 206); vertex(120, 204); vertex(114, 204); endShape(); beginShape(); vertex(170, 206); vertex(175, 206); vertex(175, 204); vertex(170, 204); endShape(); beginShape(); vertex(178, 206); vertex(184, 206); vertex(184, 204); vertex(178, 204); endShape(); beginShape(); vertex(168, 206); vertex(168, 204); vertex(166, 205); endShape(); beginShape(); vertex(160, 201); vertex(161, 199); vertex(158, 200); endShape(); beginShape(); vertex(124, 201); vertex(135, 201); vertex(136, 199); vertex(134, 198); vertex(125, 198); vertex(124, 200); endShape(); beginShape(); vertex(152, 201); vertex(156, 201); vertex(156, 199); vertex(151, 199); endShape(); beginShape(); vertex(142, 201); vertex(148, 201); vertex(148, 200); vertex(146, 198); vertex(142, 198); vertex(141, 200); endShape(); beginShape(); vertex(81, 206); vertex(92, 206); vertex(93, 203); vertex(82, 203); vertex(81, 204); vertex(81, 206); endShape(); beginShape(); vertex(100, 201); vertex(100, 199); vertex(97, 199); vertex(97, 201); endShape(); beginShape(); vertex(103, 201); vertex(108, 201); vertex(108, 198); vertex(102, 198); vertex(103, 201); endShape(); fill(-1354929); beginShape(); vertex(56, 209); vertex(56, 212); vertex(60, 213); vertex(60, 215); vertex(62, 214); vertex(62, 212); vertex(65, 213); vertex(65, 216); vertex(188, 215); vertex(192, 209); vertex(56, 210); endShape(); //Ship 2 fill(-8615283); beginShape(); vertex(276, 139); vertex(276, 132); vertex(278, 131); vertex(278, 138); vertex(280, 138); vertex(281, 134); vertex(282, 134); vertex(282, 138); endShape(); fill(-9799555); beginShape(); vertex(262, 150); vertex(264, 147); vertex(268, 147); vertex(274, 138); vertex(288, 138); vertex(290, 142); vertex(299, 143); vertex(301, 148); vertex(308, 148); vertex(312, 153); endShape(); fill(70); fill(-9076091); beginShape(); vertex(268, 150); vertex(269, 148); vertex(280, 148); vertex(280, 150); vertex(283, 150); vertex(284, 148); vertex(298, 148); vertex(298, 152); vertex(269, 152); endShape(); fill(-8615283); beginShape(); vertex(273, 145); vertex(297, 146); vertex(297, 144); vertex(272, 144); endShape(); beginShape(); vertex(286, 142); vertex(286, 140); vertex(276, 140); vertex(274, 142); endShape(); fill(-9996934); ellipse(258, 152, 5, 5); ellipse(294, 142, 5, 5); ellipse(315, 151, 4, 6); ellipse(322, 151, 5, 5); fill(120, 120, 120); beginShape(); vertex(296, 141); vertex(299, 139); vertex(298, 138); vertex(294, 140); endShape(); beginShape(); vertex(322, 150); vertex(326, 147); vertex(324, 145); vertex(321, 149); endShape(); beginShape(); vertex(332, 149); vertex(334, 147); vertex(335, 148); vertex(332, 150); endShape(); beginShape(); vertex(316, 148); vertex(316, 146); vertex(314, 146); vertex(314, 150); endShape(); fill(-8088170); beginShape(); vertex(246, 154); vertex(246, 152); vertex(262, 153); vertex(263, 150); vertex(329, 152); vertex(330, 150); vertex(350, 149); vertex(346, 154); endShape(); fill(-1158319); beginShape(); vertex(246, 154); vertex(247, 156); vertex(248, 156); vertex(248, 159); vertex(250, 158); vertex(250, 156); vertex(254, 156); vertex(254, 158); vertex(272, 158); vertex(273, 159); vertex(334, 159); vertex(338, 161); vertex(344, 161); vertex(342, 158); vertex(345, 154); vertex(246, 154); endShape(); //Ship 3 fill(-11315107); beginShape(); vertex(315, 196); vertex(319, 189); vertex(304, 189); vertex(305, 196); vertex(314, 196); endShape(); fill(170); beginShape(); vertex(293, 182); vertex(293, 181); vertex(280, 180); vertex(280, 181); vertex(285, 182); vertex(284, 184); vertex(294, 184); vertex(294, 181); endShape(); fill(150); fill(-10000537); beginShape(); vertex(284, 186); vertex(284, 184); vertex(297, 184); vertex(297, 186); endShape(); noFill(); stroke(50); beginShape(); vertex(308, 198); vertex(308, 191); vertex(308, 193); vertex(304, 193); endShape(); stroke(100); beginShape(); vertex(282, 195); vertex(285, 187); vertex(297, 187); vertex(299, 190); endShape(); stroke(23); beginShape(); vertex(261, 195); vertex(260, 190); vertex(299, 190); vertex(298, 193); vertex(260, 193); vertex(280, 193); vertex(280, 190); vertex(280, 198); vertex(280, 193); vertex(283, 193); vertex(283, 190); vertex(283, 199); endShape(); noStroke(); fill(-4535343); beginShape(); vertex(230, 200); vertex(260, 195); vertex(297, 195); vertex(302, 188); vertex(313, 188); vertex(319, 190); vertex(304, 190); vertex(304, 196); vertex(320, 196); vertex(348, 200); vertex(310, 205); endShape(); fill(-8549744); beginShape(); vertex(221, 207); vertex(219, 200); vertex(349, 201); vertex(334, 210); endShape(); fill(18, 18, 18); ellipse(223, 211, 7, 5); fill(-2273458); beginShape(); vertex(223, 208); vertex(225, 214); vertex(318, 216); vertex(333, 210); endShape(); //Ship 4 fill(-1287334); beginShape(); vertex(158, 257); vertex(160, 264); vertex(161, 265); vertex(163, 262); vertex(167, 262); vertex(169, 265); vertex(308, 265); vertex(314, 257); endShape(); fill(30); rect(193, 228, 2, 12); rect(189, 230, 10, 2); rect(203, 224, 2, 10); rect(201, 227, 6, 1); rect(201, 229, 6, 1); fill(46, 46, 46); beginShape(); vertex(180, 245); vertex(180, 249); vertex(295, 249); vertex(334, 249); vertex(333, 245); vertex(208, 247); vertex(209, 243); vertex(180, 245); endShape(); fill(-9536124); beginShape(); vertex(153, 244); vertex(153, 248); vertex(183, 248); vertex(185, 245); vertex(208, 244); vertex(208, 247); vertex(339, 247); vertex(338, 245); vertex(330, 244); vertex(330, 241); vertex(328, 245); vertex(310, 245); vertex(310, 243); vertex(300, 243); vertex(300, 245); vertex(297, 245); vertex(295, 243); vertex(286, 243); vertex(288, 245); vertex(270, 245); vertex(268, 243); vertex(258, 243); vertex(260, 245); vertex(256, 245); vertex(254, 243); vertex(244, 243); vertex(245, 246); vertex(227, 245); vertex(227, 242); vertex(217, 241); vertex(214, 233); vertex(197, 233); vertex(196, 239); vertex(188, 239); vertex(187, 242); vertex(185, 244); vertex(173, 243); vertex(171, 246); vertex(168, 245); vertex(168, 243); vertex(158, 243); vertex(157, 245); endShape(); fill(-7560539); beginShape(); vertex(154, 248); vertex(157, 249); vertex(159, 257); vertex(313, 258); vertex(317, 252); vertex(334, 249); vertex(333, 248); vertex(208, 248); vertex(208, 245); vertex(185, 246); vertex(186, 248); endShape(); fill(-6639181); beginShape(); vertex(161, 257); vertex(160, 251); vertex(190, 250); vertex(190, 256); vertex(199, 257); vertex(200, 251); vertex(215, 251); vertex(215, 257); vertex(221, 257); vertex(222, 252); vertex(246, 252); vertex(246, 256); vertex(260, 256); vertex(260, 252); vertex(290, 252); vertex(290, 257); vertex(300, 257); vertex(298, 252); vertex(316, 252); vertex(313, 257); endShape(); //Ship 5 pushMatrix(); translate(0, -1); fill(-1025960); beginShape(); vertex(63, 258); vertex(66, 262); vertex(70, 260); vertex(70, 263); vertex(103, 263); vertex(102, 265); vertex(109, 265); vertex(109, 262); vertex(128, 262); vertex(130, 261); vertex(131, 258); endShape(); popMatrix(); fill(-7890275); beginShape(); vertex(80, 249); vertex(81, 246); vertex(90, 245); vertex(90, 249); vertex(92, 249); vertex(93, 245); vertex(95, 246); vertex(97, 246); vertex(98, 237); vertex(100, 240); vertex(101, 247); vertex(104, 247); vertex(103, 243); vertex(108, 243); vertex(108, 247); vertex(113, 248); vertex(112, 249); endShape(); fill(-6640463); beginShape(); vertex(61, 249); vertex(62, 256); vertex(131, 256); vertex(134, 249); endShape(); noStroke(); fill(-131587); beginShape(); vertex(62, 251); vertex(62, 254); vertex(110, 253); vertex(112, 250); vertex(61, 251); endShape(); }; var v = {}; //Loading Variables var load = 0; var loadimg = 0; //Loading Screen var loadScreen = function(n) { background(19, 0, 191); textAlign(CENTER); fill(255, 223, 153); textFont("Cambria", 50); if (n === 0) { v.c = "."; } else { v.c = ".."; } text("Loading" + v.c, 200, 200); }; //Other Variables var page = 5; var cli = 0; var keys = {}; var boatsToSet = [1, 1, 1, 1, 1]; var p2scale = 0.8; var boatToSet = 0; var doneSet = 0; var rotated = 0; var atap = 255; var secShown = [0, 0, 0]; var hitLeft = 17; var dif = 0.8; //Attacking var cont = ""; var launched = 0; var launchSpace = [5, 5]; var launchTime = 0; var buttonTime = 0; var conmode = 0; var opat = []; var result = "Red Button to Launch"; var oppTimer = 0; var opShip = [3, 4, 3, 2, 5]; var oppos = []; var opm = 0; var enm = 0; //Boat Data var boats = { 1: { name: "Battleship", loc: [241, 129, 111, 35], cap: 3, x: -3, y: -1, }, 2: { name: "Destroyer", loc: [46, 171, 153, 48], cap: 4, x: -7, y: -1, }, 3: { name: "Cruise", loc: [209, 173, 142, 49], cap: 3, x: -6, y: -4, }, 4: { name: "Frigate", loc: [58, 234, 78, 32], cap: 2, x: -1, y: -1, }, 5: { name: "Carrier", loc: [149, 219, 191, 51], cap: 5, x: -1, y: -2, } }; var board = []; var pos = []; //Loading Boards { board.push([], [], [], []); for (var i = 0; i < 4; i++) { for (var j = 0; j < 10; j++) { board[i].push([0, 0, 0, 0, 0, 0, 0, 0, 0, 0]); } } for (var i = 1; i < 6; i++) { v.c = 0; while (v.c === 0) { v.r = [floor(random(0, 10)), floor(random(0, 10)), floor(random(0, 2))]; if (v.r[2] === 0) { if (v.r[0] < 11 - boats[i].cap) { v.c = 1; } } else { if (v.r[1] < 11 - boats[i].cap) { v.c = 1; } } if (v.c === 1) { for (var j = 0; j < boats[i].cap; j++) { if (v.r[2] === 0) { if (board[1][v.r[1]][v.r[0] + j] !== 0) { v.c = 0; } } else { if (board[1][v.r[1] + j][v.r[0]] !== 0) { v.c = 0; } } } } if (v.c === 1) { for (var j = 0; j < boats[i].cap; j++) { if (v.r[2] === 0) { board[1][v.r[1]][v.r[0] + j] = i; if (j === 0) { oppos.push(i, map(v.r[0], 0, 10, 204, 400), map(v.r[1], 0, 10, 200, 400), 0); } } else { board[1][v.r[1] + j][v.r[0]] = i; if (j === 0) { if (i === 1) { v.of = 3.5; } else if (i === 2) { v.of = 8; } else if (i === 3) { v.of = 10; } else if (i === 4) { v.of = 3; } else if (i === 5) { v.of = 3; } oppos.push(i, map(v.r[0], 0, 10, 200, 400), map(v.r[1] + boats[i].cap, 0, 10, 200, 400) + v.of / 2, 1); } } } } } } } //Buttons var st = 0; var ht = 0; var gset = 0; var gmode = 0; var gt = 0; //Transition Variables var transmode = 0; var transt = 0; var transfunction = 0; var transition = function(f) { transmode = 1; transfunction = f; }; var intransition = function() { if (transmode === 1) { transt += 5; if (transt > 255) { transfunction(); transmode = 2; } } if (transmode === 2) { transt -= 5; if (transt <= 0) { transt = 0; transmode = 0; } } fill(0, 0, 0, transt); rect(0, 0, 400, 400); }; //Pop ups var inpop = 0; var popSay = ""; var popTime = 0; var popSize = 0; var popColor; var popToSay = ""; var popN = 0; var canpop = 1; var popBack = function() {}; var pop = function(p, s, c, f) { inpop = 1; popToSay = ""; popTime = 0; popSay = p; if (s !== undefined) { popSize = s; } if (c !== undefined) { popColor = c; } popBack = function() { popN++; if (f !== undefined) { f(); } inpop = 0; }; if (canpop === 0) { popBack(); } }; //Draw Boat function var dboat = function(n, x, y, w, h, r) { if (r === 1) { pushMatrix(); translate(boats[n].x + x, boats[n].y + y); rotate(-90); translate(-boats[n].x - x, -boats[n].y - y); } if (w === undefined) { w = 0; } if (h === undefined) { h = 0; } image(boats[n].img, boats[n].x + x, boats[n].y + y, boats[n].img.width * w, boats[n].img.height * h); if (r === 1) { popMatrix(); } }; //Draw Man Function var dm = []; var dman = function(n, x, y, w, h) { image(dm[n], x, y, w, h); }; //Collisons var pointRect = function(px, py, x, y, w, h, c) { if (c === undefined) { c = true; } return px > x & px < x + w & py > y & py < y + h & c; }; var rotatepoint = function(px, py, cx, cy, angle) { return [cos(angle) * (px - cx) - sin(angle) * (py - cy) + cx, sin(angle) * (px - cx) + cos(angle) * (py - cy) + cy ]; }; var scalepoint = function(px, py, cx, cy, sx, sy) { px += (px - cx) * (sx - 1); py += (py - cy) * (sy - 1); return [px, py]; }; //Learnt these from Bob Lyon, credit to him { var isBetween = function(c, a, b) { return (a - c) * (b - c) <= 0; }; var rotatePoint = function(x, y, theta, sine) { var cosine = theta; if (sine === undefined) { cosine = cos(theta); sine = sin(theta); } return { x: cosine * x + sine * y, y: -sine * x + cosine * y }; }; var isInEllipse = function(x, y, ex, ey, w, h, theta, sine) { x -= ex; y -= ey; if (theta \| sine) { var rp = rotatePoint(x, y, theta, sine); x = rp.x; y = rp.y; } var termX = 2 * x / w; var termY = 2 * y / h; return termX * termX + termY * termY <= 1; }; var lineEllipseCollide = function(x1, y1, x2, y2, ex, ey, w, h, theta) { var cosine = 1, sine = 0; if (theta) { cosine = cos(theta); sine = sin(theta); } var r1 = rotatePoint(x1 - ex, y1 - ey, cosine, sine); var r2 = rotatePoint(x2 - ex, y2 - ey, cosine, sine); var m = (r2.y - r1.y) / (r2.x - r1.x); return isInEllipse(r2.x, r2.y, 0, 0, w, h); }; } //Gameplay var g = function(n) { //The Admiral on deck if (n === 1) { v.c = 180; fill(255, 213, 0); for (var i = 0; i < v.c; i++) { fill(map(i, 0, v.c, 3, 255), map(i, 0, v.c, 0, 194), map(i, 0, v.c, 92, 10)); rect(200, i, 200, 10); } fill(179, 179, 179); rect(200, 100, 200, 10); fill(56, 27, 0); for (var i = 200; i < 400; i += 20) { rect(i, 110, 5, 20); } fill(97, 50, 0); rect(200, 130, 200, 50); if (result === "You Hit!") { dman(2, 150, -70, 300, 300); fill(13, 255, 0); } else if (result === "You Missed") { dman(3, 150, -70, 300, 300); fill(255, 242, 0); } else if (result === "Enemy Hit") { dman(1, 150, -70, 300, 300); fill(255, 111, 0); } else { dman(0, 150, -70, 300, 300); fill(10, 145, 0); } rect(200, 160, 200, 40); fill(0, 0, 0); textFont(createFont("Cambria"), 20); textAlign(CENTER); text(result, 300, 185); textAlign(CORNER); } //Control Board else if (n === 2) { fill(128, 128, 128); rect(0, 200, 200, 200); fill(255, 255, 0); quad(122, 299, 118, 365, 192, 365, 188, 299); fill(194, 194, 0); quad(127, 304, 125, 359, 185, 359, 183, 304); fill(0); v.j = 8; //Stripes for (var i = 0; i < v.j; i++) { quad(map(i, 0, v.j, 122, 188), 299, map(i, 0, v.j, 122, 188) + 5, 304, map(i, 0, v.j, 122, 188) + 10, 304, map(i, 0, v.j, 122, 188) + 5, 299); quad(map(i, 0, v.j, 122, 118), map(i, 0, v.j, 299, 365) - 2, map(i, 0, v.j, 122, 118) + 10, map(i, 0, v.j, 299, 365) + 4, map(i, 0, v.j, 122, 118) + 10, map(i, 0, v.j, 299, 365) + 10, map(i, 0, v.j, 122, 118), map(i, 0, v.j, 299, 365) + 3); v.c = v.j; if (i > 1) { pushMatrix(); translate(-10, 0); v.j -= 1; quad(map(i, 0, v.j, 118, 192) + 4, 365, map(i, 0, v.j, 118, 192) - 10, 359, map(i, 0, v.j, 118, 192) - 3, 359, map(i, 0, v.j, 118, 192) + 11, 365); popMatrix(); } v.j = v.c; if (i !== 0) { pushMatrix(); rotate(-5); translate(33, 13); quad(map(i, 0, v.j, 122, 118), map(i, 0, v.j, 299, 365) - 2, map(i, 0, v.j, 122, 118) + 8, map(i, 0, v.j, 299, 365) + 4, map(i, 0, v.j, 122, 118) + 8, map(i, 0, v.j, 299, 365) + 10, map(i, 0, v.j, 122, 118), map(i, 0, v.j, 299, 365) + 3); popMatrix(); } } //Launch Button fill(163, 0, 0); rect(131, 290 + buttonTime, 50, 65 - buttonTime, 30); fill(255, 0, 0); ellipse(156, 310 + buttonTime, 50, 48); fill(0, 0, 0); quad(20, 206, 15, 266, 185, 266, 180, 206); stroke(171, 154, 0); fill(5, 36, 0); quad(25, 211, 20, 261, 180, 261, 175, 211); noStroke(); //Move Buttons for (var i = 0; i < 360; i += 90) { pushMatrix(); translate(57, 336); rotate(i); translate(-57, -346); fill(0); ellipse(58, 315, 38, 45); fill(255, 166, 0); triangle(53 + 10 / 2, 300, 45, 310, 70, 310); fill(255, 196, 0); rect(53, 310, 10, 20); popMatrix(); } //Ability to Launch if (popN > 6) { v.m = -1; v.c = [58, 305, 38, 45, 88, 337, 45, 38, 56, 367, 38, 45, 26, 335, 45, 38]; for (var i = 0; i < v.c.length; i += 4) { if (dist(mouseX, mouseY, 58, 335) < 52 & lineEllipseCollide(58, 335, mouseX, mouseY, v.c[i], v.c[i + 1], v.c[i + 2], v.c[i + 3], 0) & cli & conmode === 0) { v.m = i / 4; } } if (v.m === 0) { launchSpace[1] -= 1; } else if (v.m === 1) { launchSpace[0] += 1; } else if (v.m === 2) { launchSpace[1] += 1; } else if (v.m === 3) { launchSpace[0] -= 1; } launchSpace = [constrain(launchSpace[0], 0, 9), constrain(launchSpace[1], 0, 9) ]; //Logic of switching turns in the game if (conmode === 0) { if (popN === 8) { pop("Enemy has launched a torpedo. You and them will take alternating shots. You have to sink all their ships before they sink yours. Hitting all the squares on which a ship lies, sinks it. Its your turn again.", 20); } cont = "X: " + launchSpace[0] + " \nY: " + launchSpace[1]; } else if (conmode === 1) { cont = " Torpedo\n Launched"; if (buttonTime === 0) { if (board[1][launchSpace[1]][launchSpace[0]] !== 0) { result = "You Hit!"; board[2][launchSpace[1]][launchSpace[0]] = 2; if (opm === 0) { opShip[board[1][launchSpace[1]][launchSpace[0]] - 1] -= 1; opm = 1; } } else { board[2][launchSpace[1]][launchSpace[0]] = 1; result = "You Missed"; } } oppTimer++; } else if (conmode === 2) { cont = " Already \n Searched"; if (buttonTime === 0 & conmode === 2) { conmode = 0; } } else if (conmode === 3) { if (popN === 7) { pop("You have launched a torpedo. Use arrow keys to move the destination to a different spot next launch. Now the enemy is launching.", 30); } cont = " Enemy \n Launched"; oppTimer++; if (oppTimer === 2) { if (random(0, 1) < dif) { while (true) { opat = [floor(random(0, 10)), floor(random(0, 10))]; if (board[3][opat[1]][opat[0]] === 0) { break; } } } else { while (true) { opat = [floor(random(0, 10)), floor(random(0, 10))]; if (board[3][opat[1]][opat[0]] === 0 & board[0][opat[1]][opat[0]] !== 0) { break; } } } if (board[0][opat[1]][opat[0]] === 0) { board[3][opat[1]][opat[0]] = 1; result = "Enemy Missed"; } else { board[3][opat[1]][opat[0]] = 2; if (enm === 0) { result = "Enemy Hit"; enm = 1; hitLeft--; } } } } if (oppTimer >= 200 & conmode === 1) { conmode = 3; oppTimer = 1; } else if (oppTimer >= 100 & conmode === 3) { conmode = 0; oppTimer = 0; } if (dist(155, 310, mouseX, mouseY) < 25 & cli & launched === 0) { buttonTime++; launched = 1; if (conmode === 0 & board[2][launchSpace[1]][launchSpace[0]] === 0) { conmode = 1; opm = 0; enm = 0; } else { if (oppTimer === 0) { conmode = 2; } } } else if (buttonTime === 0) { launched = 0; } if (launched === 2) { buttonTime--; } else if (launched === 1) { buttonTime++; } if (buttonTime === 20) { launched = 2; } textFont(createFont("Times"), 20); text(cont, 30, 230); } } //Enemy Board else if (n === 3) { fill(0, 110, 143); rect(200, 200, 200, 200); //Grids for (var i = 200; i < 400; i += 20) { for (var j = 200; j < 400; j += 20) { pushMatrix(); translate(i, j); //Coloring the grid Squares fill(0, map(noise(i / 5.23, j / 6.29, frameCount / 60.23), 0, 1, 31, 50), map(noise(i / 3.23, j / 5.29, frameCount / 40.23), 0, 1, 135, 100)); if (board[2][j / 20 - 10][i / 20 - 10] === 1) { fill(map(noise(i / 5.23, j / 6.29, frameCount / 60.23), 0, 1, 240, 185)); } else if (board[2][j / 20 - 10][i / 20 - 10] === 2) { fill(map(noise(i / 3.23, j / 5.29, frameCount / 40.23), 0, 1, 205, 250), map(noise(i / 5.23, j / 6.29, frameCount / 60.23), 0, 1, 0, 20), 0); } rect(1, 1, 19, 19); if (i / 20 - 10 === launchSpace[0] & j / 20 - 10 === launchSpace[1]) { noFill(); stroke(255, 132, 0); strokeWeight(3); ellipse(11, 10.5, 15, 15); noStroke(); fill(255, map(sin(frameCount * 10), -1, 1, 0, 255), 0); ellipse(11, 10.5, 7, 7); } popMatrix(); } } //Showing Ship when Sunk v.c = 0; for (var i = 0; i < oppos.length; i += 4) { if (opShip[i / 4] <= 0) { v.c++; dboat(oppos[i], oppos[i + 1], oppos[i + 2], 0.5, 0.5, oppos[i + 3]); } } //Winning Condition if (v.c === 5) { page = 3; } //pop up that appears for first ship sunk if (v.c === 1 & popN === 9) { pop("Looks like you sunk a ship, Captain. Great Work! Looks like they have same types of ships as us.", 30, 0); } else if (hitLeft <= 0) { page = 4; } } }; //Reset var reset = function() { //Resetting all the variables for a new game v = {}; page = 5; cli = 0; keys = {}; boatsToSet = [1, 1, 1, 1, 1]; p2scale = 0.8; boatToSet = 0; doneSet = 0; rotated = 0; atap = 255; secShown = [0, 0, 0]; hitLeft = 17; dif = 0.8; cont = ""; launched = 0; launchSpace = [5, 5]; launchTime = 0; buttonTime = 0; conmode = 0; opat = []; result = "Red Button to Launch"; oppTimer = 0; opShip = [3, 4, 3, 2, 5]; oppos = []; opm = 0; enm = 0; board = []; pos = []; //Loading Boards { board.push([], [], [], []); for (var i = 0; i < 4; i++) { for (var j = 0; j < 10; j++) { board[i].push([0, 0, 0, 0, 0, 0, 0, 0, 0, 0]); } } for (var i = 1; i < 6; i++) { v.c = 0; while (v.c === 0) { v.r = [floor(random(0, 10)), floor(random(0, 10)), floor(random(0, 2))]; if (v.r[2] === 0) { if (v.r[0] < 11 - boats[i].cap) { v.c = 1; } } else { if (v.r[1] < 11 - boats[i].cap) { v.c = 1; } } if (v.c === 1) { for (var j = 0; j < boats[i].cap; j++) { if (v.r[2] === 0) { if (board[1][v.r[1]][v.r[0] + j] !== 0) { v.c = 0; } } else { if (board[1][v.r[1] + j][v.r[0]] !== 0) { v.c = 0; } } } } if (v.c === 1) { for (var j = 0; j < boats[i].cap; j++) { if (v.r[2] === 0) { board[1][v.r[1]][v.r[0] + j] = i; if (j === 0) { oppos.push(i, map(v.r[0], 0, 10, 204, 400), map(v.r[1], 0, 10, 200, 400), 0); } } else { board[1][v.r[1] + j][v.r[0]] = i; if (j === 0) { if (i === 1) { v.of = 3.5; } else if (i === 2) { v.of = 8; } else if (i === 3) { v.of = 10; } else if (i === 4) { v.of = 3; } else if (i === 5) { v.of = 3; } oppos.push(i, map(v.r[0], 0, 10, 200, 400), map(v.r[1] + boats[i].cap, 0, 10, 200, 400) + v.of / 2, 1); } } } } } } } //Buttons st = 0; ht = 0; gset = 0; gmode = 0; gt = 0; inpop = 0; popSay = ""; popTime = 0; popSize = 0; popColor = 0; popToSay = ""; popN = 0; canpop = 0; popBack = function() {}; }; draw = function() { textAlign(CORNER); //Loading Boats if (load === 0) { //Loading (image cache) //Draw Boats dr(); v.g = boats[loadimg + 1].loc; boats[loadimg + 1].img = get(v.g[0], v.g[1], v.g[2], v.g[3]); loadimg++; if (loadimg === 5) { load = 1; for (var i = 1; i < 6; i++) { v.x = 1; v.y = 1; if (i === 1) { v.x = 1.1; v.y = 1.2; } else if (i === 2) { v.x = 1.1; v.y = 0.9; } else if (i === 3) { v.x = 0.9; v.y = 1; } else if (i === 4) { v.x = 1.05; v.y = 1.15; } else if (i === 5) { v.x = 1.05; v.y = 0.87; } boats[i].img.height = v.y; boats[i].img.width = v.x; } loadimg = 0; } loadScreen(0); } //Loading Man else if (load === 1) { //Draw Man { background(255, 255, 255, 0); noStroke(); fill(-131587); beginShape(); curveVertex(230, 190); curveVertex(230, 190); curveVertex(230, 178); curveVertex(238, 165); curveVertex(239, 161); curveVertex(239, 161); curveVertex(239, 158); curveVertex(235, 157); curveVertex(232, 149); curveVertex(232, 147); curveVertex(232, 142); curveVertex(232, 142); curveVertex(239, 142); curveVertex(242, 142); curveVertex(246, 142); curveVertex(252, 138); curveVertex(255, 135); curveVertex(257, 130); curveVertex(257, 129); curveVertex(256, 124); curveVertex(252, 118); curveVertex(243, 111); curveVertex(234, 107); curveVertex(226, 104); curveVertex(211, 101); curveVertex(173, 102); curveVertex(173, 108); curveVertex(149, 119); curveVertex(149, 119); curveVertex(149, 119); curveVertex(149, 125); curveVertex(148, 131); curveVertex(148, 137); curveVertex(150, 137); curveVertex(156, 137); curveVertex(164, 136); curveVertex(166, 136); curveVertex(177, 136); curveVertex(191, 138); curveVertex(207, 140); curveVertex(223, 146); curveVertex(229, 147); curveVertex(230, 156); curveVertex(231, 160); curveVertex(231, 161); curveVertex(231, 163); curveVertex(231, 165); endShape(); fill(-15124121); beginShape(); curveVertex(211, 136); curveVertex(222, 135); curveVertex(239, 135); curveVertex(239, 143); curveVertex(237, 155); curveVertex(235, 159); curveVertex(233, 158); curveVertex(224, 163); curveVertex(217, 166); curveVertex(210, 166); curveVertex(193, 166); curveVertex(185, 166); curveVertex(180, 165); curveVertex(172, 164); curveVertex(168, 160); curveVertex(162, 157); curveVertex(160, 154); curveVertex(158, 143); curveVertex(157, 137); curveVertex(160, 137); curveVertex(160, 137); curveVertex(171, 135); curveVertex(180, 135); curveVertex(185, 135); curveVertex(194, 136); curveVertex(202, 136); curveVertex(210, 136); curveVertex(214, 135); curveVertex(218, 135); curveVertex(222, 137); endShape(); fill(-146407); beginShape(); curveVertex(160, 138); curveVertex(190, 138); curveVertex(189, 135); curveVertex(188, 131); curveVertex(188, 126); curveVertex(196, 124); curveVertex(200, 123); curveVertex(207, 123); curveVertex(210, 128); curveVertex(212, 129); curveVertex(212, 130); curveVertex(209, 136); curveVertex(211, 136); curveVertex(208, 136); curveVertex(206, 137); curveVertex(205, 137); curveVertex(211, 137); curveVertex(219, 137); curveVertex(225, 137); curveVertex(231, 137); curveVertex(236, 137); curveVertex(237, 137); curveVertex(240, 137); curveVertex(239, 140); curveVertex(239, 140); curveVertex(239, 141); curveVertex(239, 141); curveVertex(235, 141); curveVertex(210, 142); curveVertex(210, 142); curveVertex(200, 141); curveVertex(185, 143); curveVertex(180, 142); curveVertex(166, 139); curveVertex(160, 140); endShape(); beginShape(); vertex(160, 144); vertex(239, 145); vertex(239, 148); vertex(160, 148); endShape(); fill(-15124121); ellipse(200, 132, 18, 14); pushMatrix(); translate(0.5, 0); fill(-4869200); beginShape(); curveVertex(198, 136); curveVertex(200, 136); curveVertex(202, 135); curveVertex(204, 134); curveVertex(205, 132); curveVertex(205, 132); curveVertex(203, 132); curveVertex(200, 133); curveVertex(200, 129); curveVertex(200, 125); curveVertex(200, 125); curveVertex(199, 127); curveVertex(198, 134); curveVertex(195, 136); curveVertex(192, 133); curveVertex(191, 132); curveVertex(193, 139); endShape(); popMatrix(); fill(-2967411); beginShape(); curveVertex(180, 220); curveVertex(219, 243); curveVertex(222, 240); curveVertex(219, 216); curveVertex(219, 214); curveVertex(210, 209); curveVertex(202, 209); curveVertex(200, 210); curveVertex(195, 212); curveVertex(191, 220); curveVertex(183, 217); curveVertex(186, 218); curveVertex(186, 219); curveVertex(183, 219); curveVertex(182, 220); curveVertex(189, 221); endShape(); fill(-211050); beginShape(); curveVertex(192, 166); curveVertex(202, 166); curveVertex(217, 166); curveVertex(224, 164); curveVertex(229, 162); curveVertex(231, 162); curveVertex(231, 170); curveVertex(237, 173); curveVertex(238, 181); curveVertex(238, 183); curveVertex(236, 186); curveVertex(231, 188); curveVertex(232, 189); curveVertex(231, 196); curveVertex(229, 200); curveVertex(229, 202); curveVertex(225, 208); curveVertex(220, 213); curveVertex(213, 218); curveVertex(208, 219); curveVertex(201, 219); curveVertex(192, 218); curveVertex(191, 218); curveVertex(183, 214); curveVertex(180, 213); curveVertex(176, 210); curveVertex(170, 202); curveVertex(167, 197); curveVertex(166, 177); curveVertex(165, 170); curveVertex(165, 165); curveVertex(166, 160); curveVertex(166, 158); curveVertex(176, 163); curveVertex(177, 165); curveVertex(182, 165); curveVertex(190, 166); curveVertex(195, 166); curveVertex(198, 166); curveVertex(202, 165); curveVertex(210, 165); endShape(); if (loadimg === 0) { //Eyes fill(250, 250, 250); ellipse(213, 179, 14, 10); fill(0, 23, 199); ellipse(213, 179, 6, 4.5); //Mouth fill(115, 0, 0); ellipse(200, 200, 20, 10); } else if (loadimg === 1) { //Mouth fill(115, 0, 0); ellipse(200, 200, 10, 12); //Eyes fill(250, 250, 250); ellipse(213, 179, 10, 14); fill(0, 23, 199); ellipse(213, 179, 3, 3); } else if (loadimg === 2) { fill(-131587); beginShape(); curveVertex(207, 169); curveVertex(210, 169); curveVertex(217, 169); curveVertex(219, 170); curveVertex(221, 174); curveVertex(221, 174); curveVertex(210, 170); curveVertex(208, 170); curveVertex(208, 169); endShape(); //Mouth fill(115, 0, 0); ellipse(200, 200, 25, 12); //Eyes fill(250, 250, 250); ellipse(213, 179, 10, 10); fill(0, 23, 199); ellipse(213, 179, 4, 4); } else if (loadimg === 3) { fill(-131587); beginShape(); curveVertex(207, 169); curveVertex(210, 169); curveVertex(217, 169); curveVertex(219, 170); curveVertex(221, 174); curveVertex(221, 174); curveVertex(210, 170); curveVertex(208, 170); curveVertex(208, 169); endShape(); //Mouth fill(115, 0, 0); ellipse(200, 200, 20, 4); //Eyes fill(250, 250, 250); ellipse(213, 179, 12, 12); fill(0, 23, 199); ellipse(213, 179, 6, 6); } else if (loadimg === 4) { pushMatrix(); translate(4, 0); fill(-131587); beginShape(); curveVertex(182, 169); curveVertex(202, 177); curveVertex(214, 171); curveVertex(218, 170); curveVertex(213, 168); curveVertex(209, 169); curveVertex(205, 172); curveVertex(204, 172); curveVertex(202, 174); curveVertex(200, 174); endShape(); popMatrix(); //Mouth fill(115, 0, 0); ellipse(200, 200, 10, 10); //Eyes fill(255, 168, 168); ellipse(213, 180, 14, 10); fill(0, 23, 199); ellipse(213, 179, 4, 4); } fill(-526345); beginShape(); curveVertex(200, 199); curveVertex(201, 199); curveVertex(202, 199); curveVertex(203, 199); curveVertex(204, 202); curveVertex(204, 202); curveVertex(210, 202); curveVertex(213, 202); curveVertex(216, 202); curveVertex(213, 200); curveVertex(210, 197); curveVertex(207, 195); curveVertex(202, 194); curveVertex(199, 194); curveVertex(196, 194); curveVertex(192, 195); curveVertex(190, 197); curveVertex(185, 200); curveVertex(182, 201); curveVertex(185, 203); curveVertex(187, 204); curveVertex(190, 204); curveVertex(191, 203); curveVertex(196, 202); curveVertex(196, 202); curveVertex(200, 200); curveVertex(220, 199); endShape(); //Shirt fill(-131587); beginShape(); curveVertex(199, 229); curveVertex(201, 225); curveVertex(206, 222); curveVertex(213, 222); curveVertex(219, 222); curveVertex(220, 222); curveVertex(221, 227); curveVertex(221, 230); curveVertex(222, 230); curveVertex(228, 233); curveVertex(238, 233); curveVertex(244, 234); curveVertex(259, 235); curveVertex(265, 238); curveVertex(270, 239); curveVertex(274, 244); curveVertex(279, 249); curveVertex(279, 250); curveVertex(280, 254); curveVertex(281, 263); curveVertex(282, 273); curveVertex(281, 284); curveVertex(280, 286); curveVertex(280, 291); curveVertex(280, 292); curveVertex(279, 294); curveVertex(279, 301); curveVertex(280, 304); curveVertex(280, 310); curveVertex(280, 310); curveVertex(280, 310); curveVertex(276, 313); curveVertex(270, 314); curveVertex(263, 314); curveVertex(253, 314); curveVertex(245, 314); curveVertex(222, 312); curveVertex(159, 313); curveVertex(135, 313); curveVertex(123, 313); curveVertex(119, 313); curveVertex(119, 305); curveVertex(118, 294); curveVertex(119, 274); curveVertex(120, 267); curveVertex(120, 249); curveVertex(125, 241); curveVertex(130, 237); curveVertex(139, 234); curveVertex(171, 230); curveVertex(172, 230); curveVertex(176, 227); curveVertex(176, 222); curveVertex(178, 220); curveVertex(186, 220); curveVertex(190, 221); curveVertex(194, 222); curveVertex(196, 224); curveVertex(199, 228); curveVertex(200, 228); endShape(); fill(-15324848); beginShape(); vertex(217, 271); vertex(251, 272); vertex(251, 280); vertex(234, 286); vertex(217, 280); vertex(217, 272); endShape(); fill(-15261635); beginShape(); curveVertex(228, 235); curveVertex(237, 238); curveVertex(247, 238); curveVertex(253, 239); curveVertex(258, 240); curveVertex(261, 240); curveVertex(263, 239); curveVertex(264, 236); curveVertex(261, 232); curveVertex(257, 231); curveVertex(251, 230); curveVertex(244, 230); curveVertex(238, 229); curveVertex(239, 230); curveVertex(235, 229); curveVertex(231, 229); curveVertex(229, 229); curveVertex(227, 231); curveVertex(227, 235); curveVertex(229, 235); curveVertex(233, 237); curveVertex(235, 239); endShape(); fill(-669929); ellipse(233.5, 280, 5, 5); fill(-15581839); for (var i = 246; i < 300; i += 29) { ellipse(200, i, 9, 9); } fill(-1132775); beginShape(); curveVertex(254, 232); curveVertex(251, 230); curveVertex(249, 230); curveVertex(249, 235); curveVertex(249, 240); curveVertex(249, 239); curveVertex(251, 240); curveVertex(251, 240); curveVertex(253, 239); curveVertex(253, 237); curveVertex(253, 236); curveVertex(253, 233); curveVertex(252, 231); curveVertex(252, 230); curveVertex(249, 229); endShape(); fill(-1723625); beginShape(); curveVertex(259, 239); curveVertex(260, 234); curveVertex(260, 232); curveVertex(256, 232); curveVertex(257, 232); curveVertex(257, 234); curveVertex(255, 237); curveVertex(255, 239); curveVertex(257, 239); curveVertex(259, 239); curveVertex(260, 239); endShape(); fill(176, 176, 176); ellipse(219, 226, 8, 8); var a = get(200, 0, 200, 400); pushMatrix(); scale(-1, 1); image(a, -200, 0); popMatrix(); } //Using "get" function to store image dm.push(get(0, 0, 400, 400)); loadimg++; if (loadimg === 5) { load = 2; } loadScreen(1); } //Main Content else if (inpop === 0) { //Gameplay if (page === 2) { if (popN === 0) { pop("IMPORTANT NEWS, CAPTAIN! Admiral Arnold speaking. \nENEMIES INCOMMING, ASSEMBLE BATTLESHIPS\n\nClick on ship to select it. Click to continue", 28, 0); } else if (popN === 1 & boatToSet !== 0) { pop("Ship selected! Place it on grid. Press R key to rotate ship by 90°. Don't forget that you can place them vertically too.", 30, 0); } //Scale Factor scale(p2scale); //Your Board background(8, 0, 71); for (var i = 0; i < 400; i += 40) { for (var j = 0; j < 400; j += 40) { pushMatrix(); translate(i, j); fill(0, map(noise(i / 5.23, j / 6.29, frameCount / 60.23), 0, 1, 31, 50), map(noise(i / 3.23, j / 5.29, frameCount / 40.23), 0, 1, 135, 100)); if (board[0][j / 40][i / 40] !== 0) { fill(0, map(noise(i / 5.23, j / 6.29, frameCount / 60.23), 0, 1, 0, 10), map(noise(i / 3.23, j / 5.29, frameCount / 40.23), 0, 1, 135, 100)); } if (board[3][j / 40][i / 40] === 1) { fill(map(noise(i / 5.23, j / 6.29, frameCount / 60.23), 0, 1, 240, 185)); } else if (board[3][j / 40][i / 40] === 2) { fill(map(noise(i / 3.23, j / 5.29, frameCount / 40.23), 0, 1, 205, 250), map(noise(i / 5.23, j / 6.29, frameCount / 60.23), 0, 1, 0, 20), 0); } rect(2, 2, 38, 38); if (i / 40 === opat[0] & j / 40 === opat[1]) { noFill(); stroke(255, 132, 0); strokeWeight(6); ellipse(21, 21, 30, 30); noStroke(); fill(255, map(sin(frameCount * 10), 1, -1, 0, 255), 0); ellipse(21, 21, 14, 14); } popMatrix(); } } //Drawing Your Boats for (var i = 0; i < pos.length; i += 6) { dboat(pos[i], pos[i + 1], pos[i + 2], pos[i + 3], pos[i + 4], pos[i + 5]); } resetMatrix(); //Setting Boats if (doneSet === 0) { for (var i = 0; i < boatsToSet.length; i++) { if (boatsToSet[i] === 1) { v.x = 0; v.y = 0; if (i === 3) { v.x = 80; v.y = 5; } fill(16, 3, 161); if (boatToSet === i + 1) { fill(230, 192, 0); } if (pointRect(mouseX, mouseY, boats[i + 1].x + 10 + i * 55 + v.x, boats[i + 1].y + 326 + (i % 2) * 39 + v.y, boats[i + 1].img.width * 0.8, boats[i + 1].img.height * 0.8, cli)) { boatToSet = i + 1; } rect(boats[i + 1].x + 10 + i * 55 + v.x, boats[i + 1].y + 326 + (i % 2) * 39 + v.y, boats[i + 1].img.width * 0.8, boats[i + 1].img.height * 0.8); dboat(i + 1, 10 + i * 55 + v.x, 324 + (i % 2) * 40 + v.y, 0.8, 0.8, 0); } } if (boatToSet !== 0) { if (keys[82]) { if (rotated === 0) { rotated = 1; } else { rotated = 0; } keys[82] = false; } if (rotated === 0) { if (mouseX < 320 & mouseY < 320) { dboat(boatToSet, floor(mouseX / 32) * 32, floor(mouseY / 32) * 32, 0.8, 0.8); v.c = [floor(mouseX / 32), floor(mouseY / 32)]; if (v.c[0] < 11 - boats[boatToSet].cap & cli) { v.c = 1; for (var i = 0; i < boats[boatToSet].cap; i++) { if (board[0][floor(mouseY / 32)][floor(mouseX / 32) + i] !== 0) { v.c = 0; break; } } if (v.c === 1) { pos.push(boatToSet, floor(mouseX / 32) * 40, floor(mouseY / 32) * 40, 1, 1, 0); if (popN === 2) { pop("Ship placed! Hurry up Captain, 4 more to go.", 30, 0); } for (var i = 0; i < boats[boatToSet].cap; i++) { board[0][floor(mouseY / 32)][floor(mouseX / 32) + i] = boatToSet; } boatsToSet[boatToSet - 1] = 0; boatToSet = 0; } } } else { dboat(boatToSet, mouseX - boats[boatToSet].img.width * 0.4, mouseY - boats[boatToSet].img.height * 0.4, 0.8, 0.8); } } else { if (mouseX < 320 & mouseY < 320) { v.of = 0; if (boatToSet === 1) { v.of = 3.5; } else if (boatToSet === 2) { v.of = 8; } else if (boatToSet === 3) { v.of = 10; } else if (boatToSet === 4) { v.of = 3; } else if (boatToSet === 5) { v.of = 3; } dboat(boatToSet, floor(mouseX / 32) * 32, floor(mouseY / 32 + 1) * 32 + v.of, 0.8, 0.8, 1); v.c = [floor(mouseX / 32), floor(mouseY / 32)]; if (v.c[1] + 2 > boats[boatToSet].cap & cli) { v.c = 1; for (var i = 0; i < boats[boatToSet].cap; i++) { if (board[0][floor(mouseY / 32) - i][floor(mouseX / 32)] !== 0) { v.c = 0; break; } } if (v.c === 1) { pos.push(boatToSet, floor(mouseX / 32) * 40, floor(mouseY / 32 + 1) * 40 + v.of, 1, 1, 1); if (popN === 2) { pop("Ship placed! Hurry up Captain, 4 more to go.", 30, 0); } for (var i = 0; i < boats[boatToSet].cap; i++) { board[0][floor(mouseY / 32) - i][floor(mouseX / 32)] = boatToSet; } boatsToSet[boatToSet - 1] = 0; boatToSet = 0; } } } else { dboat(boatToSet, mouseX + map(boats[boatToSet].cap, 3, 5, 32, 64) - boats[boatToSet].img.width * 0.4, mouseY + map(boats[boatToSet].cap, 3, 5, 64, 96) - boats[boatToSet].img.height * 0.4, 0.8, 0.8, 1); } } //I really wanted to use different mouse. I hope it is allowed this.cursor(MOVE); } else { //Normal cursor this.cursor(); } v.c = 1; for (var i = 0; i < 5; i++) { if (boatsToSet[i] === 1) { v.c = 0; } } if (v.c === 1) { doneSet = 1; } } //Done Setting Boats else { this.cursor(); if (popN === 3) { pop("Ships are positioned, Captain! Firing up the attacking stations."); } if (p2scale > 0.5) { p2scale -= map(p2scale, 0.8, 0.5, 0.001, 0.005); } //Appearing Stations else { if (popN === 4) { g(2); if (atap > 0) { fill(8, 0, 71, atap); rect(0, 200, 200, 200); atap -= atap > 1 ? 1 : 0; if (atap <= 1) { pop("This is the control board. You will have to position and launch torpedoes with it."); atap = 255; secShown[0] = 1; } } } else if (secShown[0] === 1) { g(2); } if (popN === 5) { g(3); if (atap > 0) { fill(8, 0, 71, atap); rect(200, 200, 200, 200); atap -= atap > 1 ? 1 : 0; if (atap <= 1) { pop("This is enemy territory, where there ships are lying. Hits on ships will be marked with red and missed attempts with white.", 28); atap = 255; secShown[1] = 1; } } } else if (secShown[1] === 1) { g(3); } if (popN === 6) { g(1); if (atap > 0) { fill(8, 0, 71, atap); rect(200, 0, 200, 200); if (atap > 1) { atap--; } } if (atap <= 1) { pop("I will be on deck and inform if we miss or hit, Captain! Unfortunately our sonar has malfunctioned and we are going to have to make guesses to hit their ships and sink them. Send a torpedo through the control board. Let the battle begin!", 22, undefined); secShown[2] = 1; atap = 255; } } else if (secShown[2] === 1) { g(1); } } } } //Win Screen else if (page === 3) { background(0, 255, 0); fill(0, 110, 6); ellipse(200, 110, 150, 150); textFont(createFont("Cambria"), 40); fill(255, 157, 0); textAlign(CENTER); dman(2, 50, -60, 300, 300); text("You Win!\nYou were great in war, Captain!", 0, 200, 400, 400); textSize(20); text("Click to go back", 300, 380); if (cli) { transition(function() { page = 5; reset(); }); } } //Lose Screen else if (page === 4) { background(255, 0, 0); fill(0, 110, 6); ellipse(200, 110, 150, 150); textFont(createFont("Cambria"), 40); fill(255, 255, 0); textAlign(CENTER); dman(4, 50, -60, 300, 300); text("We Lost!\nWe will get revenge next time, Captain!", 0, 200, 400, 400); textSize(20); text("Click to go back", 300, 380); if (cli) { transition(function() { page = 5; reset(); }); } } //Home Page else if (page === 5) { this.cursor(); background(140, 150, 78); noFill(); strokeWeight(10); //Fog for(var i = 400; i > 0; i-=10){ stroke( 255, 255, 255, map( i, 0, 400, 0, 130)); ellipse( 200, 200, i * 2, i * 2); } strokeWeight(1); //Battleship Logo { stroke(0, 0, 0); fill(176, 176, 176); rect(20, 67.5, 360, 100, 10); strokeWeight(1); pushMatrix(); translate(0, -100); stroke(0); fill(-12766924); beginShape(); vertex(68, 249); vertex(319, 249); vertex(320, 231); vertex(333, 224); vertex(333, 200); vertex(323, 190); vertex(104, 189); vertex(102, 200); vertex(94, 186); vertex(66, 186); vertex(66, 248); endShape(); noStroke(); fill(-3053756); beginShape(); vertex(23, 202); vertex(36, 218); vertex(22, 231); vertex(379, 231); vertex(366, 217); vertex(378, 204); endShape(); fill(-1724099); beginShape(); vertex(70, 190); vertex(70, 246); vertex(95, 246); vertex(100, 240); vertex(100, 225); vertex(93, 219); vertex(99, 213); vertex(100, 200); vertex(94, 191); endShape(); beginShape(); vertex(99, 244); vertex(106, 193); vertex(124, 193); vertex(124, 200); vertex(127, 201); vertex(126, 214); vertex(129, 215); vertex(128, 229); vertex(130, 230); vertex(130, 246); vertex(120, 247); vertex(118, 239); vertex(114, 239); vertex(113, 246); vertex(99, 246); endShape(); beginShape(); vertex(133, 247); vertex(149, 247); vertex(148, 203); vertex(152, 201); vertex(152, 194); vertex(129, 193); vertex(129, 202); vertex(133, 204); endShape(); beginShape(); vertex(160, 246); vertex(171, 246); vertex(172, 202); vertex(179, 202); vertex(178, 192); vertex(153, 191); vertex(153, 202); vertex(160, 203); endShape(); beginShape(); vertex(180, 246); vertex(202, 247); vertex(202, 236); vertex(194, 236); vertex(194, 191); vertex(180, 192); endShape(); beginShape(); vertex(203, 246); vertex(225, 246); vertex(226, 236); vertex(218, 236); vertex(218, 224); vertex(226, 225); vertex(225, 212); vertex(219, 212); vertex(218, 201); vertex(226, 202); vertex(227, 190); vertex(205, 191); endShape(); beginShape(); vertex(229, 229); vertex(229, 240); vertex(232, 246); vertex(251, 246); vertex(254, 242); vertex(255, 221); vertex(249, 214); vertex(241, 213); vertex(242, 201); vertex(244, 210); vertex(256, 210); vertex(256, 198); vertex(251, 191); vertex(234, 191); vertex(229, 200); vertex(229, 218); vertex(236, 224); vertex(242, 224); vertex(243, 226); vertex(243, 235); vertex(240, 229); endShape(); beginShape(); vertex(259, 245); vertex(270, 245); vertex(270, 225); vertex(273, 225); vertex(273, 245); vertex(285, 245); vertex(286, 193); vertex(273, 194); vertex(273, 213); vertex(270, 212); vertex(270, 193); vertex(259, 194); endShape(); quad(288, 245, 302, 246, 301, 193, 289, 193); beginShape(); vertex(304, 246); vertex(316, 246); vertex(316, 229); vertex(322, 229); vertex(330, 224); vertex(330, 200); vertex(324, 194); vertex(303, 194); endShape(); stroke(-3053756); line(85, 202, 85, 213); line(85, 225, 85, 235); fill(-3053756); beginShape(); vertex(117, 214); vertex(117, 225); vertex(112, 225); vertex(114, 220); vertex(114, 217); endShape(); line(318, 217, 318, 202); popMatrix(); } fill(0, 26, 255); stroke(255, 247, 0); strokeWeight(st); rect(100, 200, 200, 50, 10); fill(255, 128, 0); textAlign(CENTER); textFont(createFont("Cambria"), 40); text("Play", 200, 235); strokeWeight(ht); ellipse(300, 330, 90, 90); fill(255, 128, 0); textAlign(CENTER); textFont(createFont("Cambria"), 40); fill(0, 255, 247); text("How", 300, 342); strokeWeight(1); if (dist(mouseX, mouseY, 300, 330) < 45) { this.cursor(HAND); ht++; if (cli) { transition(function() { page = 6; }); } } else { ht -= 0.2; } ht = constrain(ht, 1, 5); if (st > 1) { ht = 1; } //Settings pushMatrix(); translate(0, -gt); stroke(50); fill(100); rect(10, 375, 200, 130, 10); fill(20); rect(12, 377, 196, 30, 8); textSize(20); if (canpop === 0) { fill(255, 115, 0); } else { fill(128, 128, 128); } rect(50, 432, 40, 25, 10); if (canpop === 1) { fill(255, 115, 0); } else { fill(128, 128, 128); } rect(10, 432, 40, 25, 10); //Setting:- Difficulty v.x = [14, 64, 150]; v.w = [43, 78, 47]; v.d = [1, 0.8, 0.65]; v.c = [color(0, 255, 0), color(255, 255, 0), color(255, 0, 0), ]; for (var i = 0; i < v.x.length; i++) { if (v.d[i] === dif) { fill(v.c[i], 200); if (pointRect(mouseX, mouseY + gt, v.x[i], 480, v.w[i], 23, 5)) { fill(v.c[i], 250); } } else if (pointRect(mouseX, mouseY + gt, v.x[i], 480, v.w[i], 23, 5)) { fill(v.c[i], 50); this.cursor(HAND); if (cli) { dif = v.d[i]; } } else { fill(v.c[i], 20); } rect(v.x[i], 480, v.w[i], 23, 5); } fill(200 + gset); text("⚙ Settings", 60, 396); fill(255, 247, 0); text("Tutorial\nOn Off", 50, 428); fill(0); text(" Difficulty\n Easy Medium Hard", 50, 475); popMatrix(); //Setting Box Open and Closed States if (gmode === 0 & pointRect(mouseX, mouseY, 10, 375, 200, 25)) { if (cli) { gmode = 1; } this.cursor(HAND); gset++; } else { gset -= 0.5; } if (gmode === 1) { gt += map(sin(gt * 5), -2, 2, 0, 2); if (gt > 110) { gmode = 2; } } if (gmode === 2 & pointRect(mouseX, mouseY, 10, 375 - gt, 200, 25)) { if (cli) { gmode = 3; } this.cursor(HAND); gset++; } else { gset -= 0.5; } if (pointRect(mouseX, mouseY, 50, 432 - gt, 40, 25)) { this.cursor(HAND); if (cli & gmode === 2) { if (canpop === 1) { canpop = 0; } } } else if (pointRect(mouseX, mouseY, 10, 432 - gt, 40, 25)) { this.cursor(HAND); if (cli & gmode === 2) { if (canpop === 0) { canpop = 1; } } } if (gmode === 3) { gt -= map(sin(gt * 5), -2, 2, 0, 2); if (gt <= 0) { gmode = 0; gt = 0; } } if (pointRect(mouseX, mouseY, 100, 200, 200, 50)) { st += 1; this.cursor(HAND); if (cli) { transition(function() { page = 2; }); } } else { st -= 0.2; } //Constaining strokeweight of buttons gset = constrain(gset, 0, 50); st = constrain(st, 1, 5); } //How Page else if (page === 6) { background(186, 186, 186); fill(0, 123, 145); textSize(40); textAlign(CENTER); text("How to Play?", 200, 50); fill(153, 102, 0); textSize(18); text("Battleship is a popular two-player game. Each player first places 5 different sized boats on a 10 x 10 grid. They take turns trying to sink each others boats by guessing where the other player's boats lie i.e. calling out the co-ordinates of the square on the grid. If a ship of the opponent lies on the square you called, it is a hit. Otherwise it is a miss. Hitting all the squares on which a ship lies, sinks the ship. First to sink the opponent's 5 ships wins the game.\n\nYou are the captain of these 5 ships and are battling against the computer. If you are new to this game, don't worry, you have a Admiral to guide you, there is a full tutorial.\nNow its time for war!", 0, 70, 400, 4000); fill(255, 174, 0); rect(0, 0, 80, 60); textSize(30); fill(26, 255, 0); text("Back", 40, 40); if (mouseX < 80 & mouseY < 60) { this.cursor(HAND); if (cli) { transition(function() { page = 5; }); } } else { this.cursor(); } } } //Pop Ups else { textAlign(CENTER); textFont(createFont("monospace"), popSize); fill(0, 0, 0, 5); for (var i = 0; i < 10; i++) { rect(0, 0, 400, 400); } fill(0, 227, 8); //Adding Letter to Show if (popSay.length > popToSay.length & popTime % 5 === 0) { popToSay += popSay[popTime / 5]; } text(popToSay, 25, 50, 350, 10000); popTime++; if (cli) { popBack(); } fill(0, 117, 10); ellipse(50, 350, 70, 80); dman(0, -25, 270, 150, 150); } //Check if there is a transition intransition(); cli = 0; }; //Mouse Clicked Variable mouseClicked = function() { cli = 1; }; //Keys keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL3l68nHCAw
Votes	230
Spin-Offs	3
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6161105327439872","title":"Contest: Oceans","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Pro Programmer
Author Name	profprog
Author ID	kaid_168806908732102857088811
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739370320322
Updated	10 months ago, 1739370327029
Source Deleted	unknown