Viewing Program

Program Data

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

Title	UNO
ID	5686580653195264
Created	10 years ago, 1440174380531
Updated	9 years ago, 1470793180362
Code	/** * * @update I recently added single player, but it is still glitchy. 2 Player is glitch free. * * I've been programming 20 months, and I have learned 100% of Intro to JS. * * UNO and associated trademarks and trade dress are owned by Mattel, Inc. © 2015 Mattel, Inc. All Rights Reserved. * * @author Kevin23 <https://www.khanacademy.org/profile/kevin2339/projects> * * Note From Author - Even though I first learned how to use arrays over a year ago and thought that I had a very strong understanding of their functionality, I still learned so much about arrays from making this game to enter the contest. No matter how much you think you know something you can always learn more. Everyone can continue to learn as long as they push themselves and test the limits of their understanding. * / var screen = "logo"; var cardColors = [color(255, 50, 50), color(50, 100, 255), color(50, 200, 50), color(255, 245, 25)]; // store the colors for red, blue, green, and yellow, respectively var type = "single player"; var turn = "player1"; var cpuTimer = 0; var won; var a = 255; // for logo fade effect // for drawing the skip, reverse, draw two, wild, and wild draw four symbols var skipSymbol = function(x, y, size, primaryColor, secondaryColor) { strokeWeight(size / 6); stroke(primaryColor); fill(secondaryColor); ellipse(x, y, size, size); line(x - size / 3, y - size / 3, x + size / 3, y + size / 3); }; var reverseSymbol = function(x, y, size, primaryColor, secondaryColor) { pushMatrix(); rectMode(CORNER); translate(x, y); rotate(125); scale(size); stroke(secondaryColor); fill(primaryColor); strokeWeight(2); rect(-10, -8, 20, 8); rect(-10, 0, 20, 8); arc(-5, -1.5, 12, 13, 180, 270); arc(5, 1.25, 12, 13.5, 0, 90); noStroke(); triangle(8, -10, 15, -5, 8, 1); triangle(-8, -1, -15, 5, -8, 10); rectMode(CENTER); popMatrix(); }; var draw2Symbol = function(x, y, primaryColor) { pushMatrix(); translate(x - 2, y); rotate(25); stroke(255); fill(primaryColor); strokeWeight(2); rect(-9, -8, 12, 20, 3); rect(0, -15, 12, 20, 3); popMatrix(); }; var wildSymbol = function(x, y, size) { pushMatrix(); translate(x, y); scale(size); rotate(125); strokeWeight(size 3); stroke(255); fill(cardColors[0]); arc(0, 0, 50, 30, 90, 180); fill(cardColors[1]); arc(0, 0, 50, 30, 180, 270); fill(cardColors[2]); arc(0, 0, 50, 30, 270, 360); fill(cardColors[3]); arc(0, 0, 50, 30, 0, 90); popMatrix(); }; var draw4Symbol = function(x, y) { pushMatrix(); translate(x - 2, y); rotate(25); stroke(255); strokeWeight(2); fill(cardColors[0]); rect(-13, -8, 12, 20, 3); fill(cardColors[1]); rect(-5, -15, 12, 20, 3); fill(cardColors[2]); rect(3, -12, 12, 20, 3); fill(cardColors[3]); rect(-5, -3, 12, 20, 3); popMatrix(); }; // for drawing the front and back of each card var drawFrontOfCard = function(w, h, cardColor, symbol) { fill(cardColor); stroke(255); strokeWeight(3); rect(0, 0, w, h, 5); pushMatrix(); translate(0, 0); rotate(125); fill(255); ellipse(0, 0, 50, 30); popMatrix(); switch (symbol) { case 0: case 1: case 2: case 3: case 4: case 5: case 7: case 8: textSize(12); fill(255); text(symbol, -15, -25); pushMatrix(); translate(15, 25); rotate(180); text(symbol, 0, 0); popMatrix(); textSize(32); fill(cardColor); text(symbol, 0, 0); break; case 6: textSize(12); fill(255); text(symbol, -15, -25); pushMatrix(); translate(15, 25); rotate(180); text(symbol, 0, 0); popMatrix(); textSize(32); fill(cardColor); text(symbol, 0, 0); strokeWeight(2); stroke(cardColor); line(-5, 14, 5, 14); break; case 9: textSize(12); fill(255); text(symbol, -15, -25); pushMatrix(); translate(15, 25); rotate(180); text(symbol, 0, 0); popMatrix(); textSize(32); fill(cardColor); text(symbol, 0, 0); strokeWeight(2); stroke(cardColor); line(-6, 15, 4, 15); break; case "skip": skipSymbol(0, 0, 20, cardColor, color(255)); skipSymbol(-13, -25, 10, color(255), cardColor); skipSymbol(13, 25, 10, color(255), cardColor); break; case "reverse": reverseSymbol(0, 0, 1, cardColor, color(255)); reverseSymbol(-15, -25, 0.5, color(255), cardColor); reverseSymbol(15, 25, 0.5, color(255), cardColor); break; case "+2": draw2Symbol(2, 11, cardColor); textSize(12); fill(255); text(symbol, -14, -25); pushMatrix(); translate(14, 26); rotate(180); text(symbol, 0, 0); popMatrix(); break; case "wild": wildSymbol(0, 0, 1); wildSymbol(-15, -25, 0.3); wildSymbol(15, 25, 0.3); break; case "+4": draw4Symbol(3, 9); textSize(12); fill(255); text(symbol, -12, -25); pushMatrix(); translate(14, 26); rotate(180); text(symbol, 0, 0); popMatrix(); break; } }; var drawBackOfCard = function(w, h) { fill(0); stroke(255); strokeWeight(3); rect(0, 0, w, h, 5); pushMatrix(); translate(0, 0); rotate(125); fill(cardColors[0]); noStroke(); ellipse(0, 0, 50, 30); popMatrix(); pushMatrix(); translate(0, 0); rotate(-50); fill(cardColors[3]); textSize(20); text("UNO", 0, 0); popMatrix(); }; /** * creates a new Card * @constructor / var Card = function(x, y, cardColor, symbol, rotation, showFront, id) { this.w = 50; this.h = 75; this.x = x; this.y = y; this.cardColor = cardColor; this.symbol = symbol; this.rotation = rotation; this.showFront = showFront; this.id = id; }; Card.prototype.draw = function() { rectMode(CENTER); translate(this.x, this.y); rotate(this.rotation); scale(0.75); if (this.showFront === true) { drawFrontOfCard(this.w, this.h, this.cardColor, this.symbol); } else { drawBackOfCard(this.w, this.h); } resetMatrix(); }; /* * each deck of cards is stored in a seperate array * @array drawPile - store all 108 cards in a standard UNO deck / var drawPile = [ // red: 0 x 1 new Card(100, 200, cardColors[0], 0, random(-25, 25), false, 0), // red: 1 - 9 x 2 new Card(100, 200, cardColors[0], 1, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 2, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 3, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 4, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 5, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 6, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 7, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 8, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 9, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 1, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 2, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 3, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 4, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 5, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 6, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 7, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 8, random(-25, 25), false, 0), new Card(100, 200, cardColors[0], 9, random(-25, 25), false, 0), // red: skip, reverse, and draw 2 x 2 new Card(100, 200, cardColors[0], "skip", random(-25, 25), false, 0), new Card(100, 200, cardColors[0], "reverse", random(-25, 25), false, 0), new Card(100, 200, cardColors[0], "+2", random(-25, 25), false, 0), new Card(100, 200, cardColors[0], "skip", random(-25, 25), false, 0), new Card(100, 200, cardColors[0], "reverse", random(-25, 25), false, 0), new Card(100, 200, cardColors[0], "+2", random(-25, 25), false, 0), // blue: 0 x 1 new Card(100, 200, cardColors[1], 0, random(-25, 25), false, 0), // blue: 1 - 9 x 2 new Card(100, 200, cardColors[1], 1, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 2, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 3, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 4, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 5, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 6, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 7, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 8, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 9, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 1, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 2, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 3, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 4, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 5, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 6, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 7, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 8, random(-25, 25), false, 0), new Card(100, 200, cardColors[1], 9, random(-25, 25), false, 0), // blue: skip, reverse, and draw 2 x 2 new Card(100, 200, cardColors[1], "skip", random(-25, 25), false, 0), new Card(100, 200, cardColors[1], "reverse", random(-25, 25), false, 0), new Card(100, 200, cardColors[1], "+2", random(-25, 25), false, 0), new Card(100, 200, cardColors[1], "skip", random(-25, 25), false, 0), new Card(100, 200, cardColors[1], "reverse", random(-25, 25), false, 0), new Card(100, 200, cardColors[1], "+2", random(-25, 25), false, 0), // green: 0 x 1 new Card(100, 200, cardColors[2], 0, random(-25, 25), false, 0), // green: 1 - 9 x 2 new Card(100, 200, cardColors[2], 1, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 2, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 3, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 4, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 5, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 6, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 7, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 8, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 9, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 1, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 2, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 3, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 4, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 5, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 6, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 7, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 8, random(-25, 25), false, 0), new Card(100, 200, cardColors[2], 9, random(-25, 25), false, 0), // green: skip, reverse, and draw 2 x 2 new Card(100, 200, cardColors[2], "skip", random(-25, 25), false, 0), new Card(100, 200, cardColors[2], "reverse", random(-25, 25), false, 0), new Card(100, 200, cardColors[2], "+2", random(-25, 25), false, 0), new Card(100, 200, cardColors[2], "skip", random(-25, 25), false, 0), new Card(100, 200, cardColors[2], "reverse", random(-25, 25), false, 0), new Card(100, 200, cardColors[2], "+2", random(-25, 25), false, 0), // yellow: 0 x 1 new Card(100, 200, cardColors[3], 0, random(-25, 25), false, 0), // yellow: 1 - 9 x 2 new Card(100, 200, cardColors[3], 1, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 2, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 3, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 4, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 5, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 6, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 7, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 8, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 9, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 1, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 2, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 3, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 4, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 5, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 6, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 7, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 8, random(-25, 25), false, 0), new Card(100, 200, cardColors[3], 9, random(-25, 25), false, 0), // yellow: skip, reverse, and draw 2 x 2 new Card(100, 200, cardColors[3], "skip", random(-25, 25), false, 0), new Card(100, 200, cardColors[3], "reverse", random(-25, 25), false, 0), new Card(100, 200, cardColors[3], "+2", random(-25, 25), false, 0), new Card(100, 200, cardColors[3], "skip", random(-25, 25), false, 0), new Card(100, 200, cardColors[3], "reverse", random(-25, 25), false, 0), new Card(100, 200, cardColors[3], "+2", random(-25, 25), false, 0), // wild cards: wild, wild +4 x 4 new Card(100, 200, color(0), "wild", random(-25, 25), false, 0), new Card(100, 200, color(0), "wild", random(-25, 25), false, 0), new Card(100, 200, color(0), "wild", random(-25, 25), false, 0), new Card(100, 200, color(0), "wild", random(-25, 25), false, 0), new Card(100, 200, color(0), "+4", random(-25, 25), false, 0), new Card(100, 200, color(0), "+4", random(-25, 25), false, 0), new Card(100, 200, color(0), "+4", random(-25, 25), false, 0), new Card(100, 200, color(0), "+4", random(-25, 25), false, 0) ]; var discardPile = []; var player1Cards = []; var player2Cards = []; /* * @function shuffle - shuffle the cards in the draw pile using the "Fisher-Yates Shuffle Algorithm" * if you want to learn more about this algorithm check out this simple program - https://www.khanacademy.org/computer-programming/fisher-yates-shuffle/5265500566323200 / var shuffle = function(array) { var currentIndex = array.length; var randomIndex; var temporaryValue; while (currentIndex > 0) { randomIndex = floor(random(0, currentIndex--)); temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; }; /* * @step1 * add push the first 7 cards from the "drawPile" array into the "player1Cards" array and the next 7 cards into the "player2Cards" array * remove splice those 14 cards from the "drawPile" array * @step2 * add push the first card into the "discardPile" array * remove splice that card from the "drawPile" array / var dealTheCards = function() { // step 1 for (var i = 0; i < 7; i++) { player1Cards.push(drawPile[i]); } drawPile.splice(0, 7); for (var i = 0; i < 7; i++) { player2Cards.push(drawPile[i]); } drawPile.splice(0, 7); // step 2 for (var i = 0; i < 1; i++) { discardPile.push(drawPile[i]); } drawPile.splice(0, 1); }; // call these two functions outside the draw loop so they will only be executed once shuffle(drawPile); dealTheCards(); // prevent the first card from being a wild or a wild draw four card if (discardPile[0].symbol === "wild" \|\| discardPile[0].symbol === "+4") { shuffle(drawPile); dealTheCards(); } // powerups for the wild and wild draw four cards var colorChanger = function() { background(0); strokeWeight(5); stroke(255); fill(cardColors[0]); arc(200, 200, 300, 300, 90, 180); fill(cardColors[1]); arc(200, 200, 300, 300, 180, 270); fill(cardColors[2]); arc(200, 200, 300, 300, 270, 360); fill(cardColors[3]); arc(200, 200, 300, 300, 0, 90); textSize(50); fill(255); text("Choose Your\nColor", 200, 200); textSize(18); fill(255); text("Click any key to return to the game.", 200, 375); if (dist(200, 200, mouseX, mouseY) < 150) { cursor(HAND); if (mouseIsPressed) { if (mouseX < 200 && mouseY < 200) { discardPile[discardPile.length - 1].cardColor = color(50, 100, 255); } if (mouseX > 200 && mouseY < 200) { discardPile[discardPile.length - 1].cardColor = color(50, 200, 50); } if (mouseX < 200 && mouseY > 200) { discardPile[discardPile.length - 1].cardColor = color(255, 50, 50); } if (mouseX > 200 && mouseY > 200) { discardPile[discardPile.length - 1].cardColor = color(255, 245, 25); } } if (keyIsPressed) { screen = "play"; } } }; // return if the color or symbol of a card matches the color or symbol of the card on top of the discard pile var checkForMatch = function() { for (var i = 0; i < player2Cards.length; i++) { if (player2Cards[i].cardColor === discardPile[discardPile.length - 1].cardColor \|\| player2Cards[i].symbol === discardPile[discardPile.length - 1].symbol \|\| player2Cards[i].symbol === "wild" \|\| player2Cards[i].symbol === "+4") { return true; } else { continue; } } return false; }; // hovering, selecting, and placing a card from your deck onto the discard pile Card.prototype.hover = function() { // return if the mouse is over a card return (mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2); }; Card.prototype.matched = function() { // return if the color or symbol of a card matches the color or symbol of the card on top of the discard pile return (this.cardColor === discardPile[discardPile.length - 1].cardColor \|\| this.symbol === discardPile[discardPile.length - 1].symbol \|\| this.symbol === "wild" \|\| this.symbol === "+4"); }; Card.prototype.selected1 = function() { if (this.hover() && this.matched()) { cursor(HAND); } }; Card.prototype.selected2 = function() { if (this.hover()) { cursor(HAND); } }; Card.prototype.entered = function() { if (this.hover() && this.matched()) { // move the card to the discard pile and remove it from the player's cards this.rotation = random(-25, 25); discardPile.push(this); if (turn === "player1") { player1Cards.splice(this.id, 1); } else { player2Cards.splice(this.id, 1); } //draw 2 card if (this.symbol === "+2") { if (turn === "player1") { for (var i = 0; i < 2; i++) { player2Cards.push(drawPile[i]); } drawPile.splice(0, 2); } else { for (var i = 0; i < 2; i++) { player1Cards.push(drawPile[i]); } drawPile.splice(0, 2); } } // wild card if (this.symbol === "wild") { screen = "colorChanger"; } //wild draw 4 card if (this.symbol === "+4") { screen = "colorChanger"; if (turn === "player1") { for (var i = 0; i < 4; i++) { player2Cards.push(drawPile[i]); } drawPile.splice(0, 4); } else { for (var i = 0; i < 4; i++) { player1Cards.push(drawPile[i]); } drawPile.splice(0, 4); } } // skip and reverse cards if (this.symbol !== "skip" && this.symbol !== "reverse") { if (turn === "player1") { turn = "player2"; } else { turn = "player1"; } } } }; Card.prototype.entered2 = function() { if (!checkForMatch()) { // add the top card from the draw pile to the player2's cards and remove it from the draw pile drawPile[drawPile.length - 1].rotation = 0; player2Cards.push(drawPile[drawPile.length - 1]); drawPile.splice(drawPile.length - 1, 1); turn = "player1"; } if (this.matched()) { // move the card to the discard pile and remove it from the player's cards this.rotation = random(-25, 25); discardPile.push(this); player2Cards.splice(this.id, 1); // skip and reverse cards if (this.symbol !== "skip" && this.symbol !== "reverse") { turn = "player1"; } } // wild card if (this.symbol === "wild") { this.cardColor = cardColors[floor(random(0, 4))]; } //wild draw 4 card if (this.symbol === "+4") { this.cardColor = cardColors[floor(random(0, 4))]; for (var i = 0; i < 4; i++) { player1Cards.push(drawPile[i]); } drawPile.splice(0, 4); } //draw 2 card if (this.symbol === "+2") { for (var i = 0; i < 2; i++) { player1Cards.push(drawPile[i]); } drawPile.splice(0, 2); } }; // drawing a card from the draw pile Card.prototype.drawACard = function() { if (mouseX > this.x - this.w / 2 && mouseX < this.x + this.w / 2 && mouseY > this.y - this.h / 2 && mouseY < this.y + this.h / 2 && this.id === drawPile.length - 1) { // add the top card from the draw pile to the player's cards and remove it from the draw pile this.rotation = 0; this.showFront = true; if (turn === "player1") { player1Cards.push(this); } if (type === "2 player" && turn === "player2") { player2Cards.push(this); } drawPile.splice(drawPile.length - 1, 1); } }; var mouseClicked = function() { for (var i = 0; i < player1Cards.length; i++) { if (turn === "player1") { player1Cards[i].entered(); } } if (type === "2 player") { for (var i = 0; i < player2Cards.length; i++) { if (turn === "player2") { player2Cards[i].entered(); } } } for (var i = 0; i < drawPile.length; i++) { drawPile[i].drawACard(); } }; var mouseReleased = function() { if ((mouseX > 50 && mouseX < 150 && mouseY > 250 && mouseY < 350) \|\| (mouseX > 250 && mouseX < 350 && mouseY > 125 && mouseY < 225)) { screen = "play"; } }; // menu and screen selection functions var button = function(x, y, label, nextScreen) { stroke(255); strokeWeight(3); if (mouseX > x && mouseX < x + 150 && mouseY > y && mouseY < y + 50) { fill(235, 50, 50); cursor(HAND); if (mouseIsPressed) { screen = nextScreen; } } else { fill(cardColors[0]); } rect(x, y, 150, 50); fill(255); textSize(25); text(label, x + 75, y + 25); }; var logo = function() { background(0, 150, 255, a); strokeWeight(8); stroke(0, 0, 0, a); fill(255); pushMatrix(); translate(40, 0); rotate(-4 + sin(frameCount 10) * 3); scale(0.85); beginShape(); curveVertex(118, 215); curveVertex(100, 184); curveVertex(84, 152); curveVertex(60, 126); curveVertex(34, 128); curveVertex(26, 150); curveVertex(35, 177); curveVertex(53, 213); curveVertex(73, 250); curveVertex(92, 280); curveVertex(115, 313); curveVertex(144, 325); curveVertex(171, 326); curveVertex(218, 311); curveVertex(257, 292); curveVertex(287, 269); curveVertex(302, 247); curveVertex(304, 224); curveVertex(305, 204); curveVertex(311, 182); curveVertex(326, 143); curveVertex(341, 117); curveVertex(358, 91); curveVertex(347, 74); curveVertex(316, 76); curveVertex(289, 100); curveVertex(274, 125); curveVertex(260, 161); curveVertex(258, 170); endShape(); pushMatrix(); rectMode(CENTER); translate(225, 150); rotate(150); rect(0, 0, 50, 100, 50); rect(50, 0, 50, 100, 50); rect(100, 0, 50, 100, 50); popMatrix(); popMatrix(); rectMode(CORNER); fill(255); textSize(50); text("Kevin23 Games", 200, 325); textSize(12); text("©2015, Kevin23 Games, Inc.", 200, 375); a -= 2; if (a < -25) { screen = "mainMenu"; } }; var mainMenu = function() { background(0); fill(cardColors[3]); textSize(75); text("UNO", 200, 75); button(125, 165, "Play", "settings"); button(125, 245, "Instructions", "instructions"); fill(255); textSize(18); text('* A "Golden Winston" Winner!', 200, 135); fill(255); textSize(25); text("Made by Kevin23", 200, 350); }; var instructions = function() { background(0); fill(cardColors[3]); textSize(50); text("Instructions", 200, 50); textSize(16); textAlign(LEFT, CENTER); fill(255); text("1) Each player starts with seven cards.\n2) Each player tries to match the card in the discard pile by either number, color, or the symbol/action. If the player has no matches they must draw a card from the draw pile until they find a card that matches.\n3) The first player to have no cards remaining wins the game.\n4) Have fun!", 15, 70, 375, 250); textAlign(CENTER, CENTER); button(125, 325, "Back", "mainMenu"); }; var settings = function() { background(0); fill(cardColors[3]); textSize(50); text("Settings", 200, 50); if (mouseX > 50 && mouseX < 150 && mouseY > 250 && mouseY < 350) { fill(50, 100, 235); cursor(HAND); if (mouseIsPressed) { type = "single player"; } } else { fill(cardColors[1]); } rect(50, 250, 100, 100); if (mouseX > 250 && mouseX < 350 && mouseY > 125 && mouseY < 225) { fill(50, 175, 50); cursor(HAND); if (mouseIsPressed) { type = "2 player"; } } else { fill(cardColors[2]); } rect(250, 125, 100, 100); fill(255); textSize(25); text("Single\nPlayer", 100, 300); text("2\nPlayer", 300, 175); text("or", 200, 200); }; /** * @function play - primary game screen * drawing all the cards in the right places * winning / var play = function() { // resets the draw pile when there are no cards left if (drawPile.length === 0) { // push all, but the top card from the discard pile into the draw pile for (var i = 0; i < discardPile.length - 1; i++) { drawPile.push(discardPile[i]); shuffle(drawPile); } // remove all, but the top card from the discard pile discardPile.splice(0, discardPile.length - 1); } background(135, 100, 50); for (var i = 0; i < drawPile.length; i++) { drawPile[i].id = i; drawPile[i].x = 100; drawPile[i].y = 200; drawPile[i].showFront = false; drawPile[i].draw(); drawPile[i].selected2(); } for (var i = 0; i < discardPile.length; i++) { discardPile[i].showFront = true; discardPile[i].x = 300; discardPile[i].y = 200; discardPile[i].draw(); } for (var i = 0; i < player1Cards.length; i++) { player1Cards[i].id = i; var s = player1Cards.length < 8 ? player1Cards.length : 8; // ternary operator if (player1Cards[i].id < 8) { player1Cards[i].y = 300; player1Cards[i].x = i 45 + ((445 - (45 * s)) / 2); } else { player1Cards[i].y = 365; player1Cards[i].x = (i - 8) * 45 + ((445 - (45 * s)) / 2); } player1Cards[i].rotation = 0; player1Cards[i].draw(); if (type === "2 player") { if (turn === "player1") { player1Cards[i].showFront = true; player1Cards[i].selected1(); } else { player1Cards[i].showFront = false; } } else { player1Cards[i].showFront = true; player1Cards[i].selected1(); } } for (var i = 0; i < player2Cards.length; i++) { player2Cards[i].id = i; if (type === "single player" && turn === "player2") { cpuTimer++; if (cpuTimer > 50) { player2Cards[i].entered2(); cpuTimer = 0; } } var s = player2Cards.length < 8 ? player2Cards.length : 8; // ternary operator if (player2Cards[i].id < 8) { player2Cards[i].y = 35; player2Cards[i].x = i * 45 + ((445 - (45 * s)) / 2); } else { player2Cards[i].y = 100; player2Cards[i].x = (i - 8) * 45 + ((445 - (45 * s)) / 2); } player2Cards[i].rotation = 0; player2Cards[i].draw(); if (type === "2 player") { if (turn === "player2") { player2Cards[i].showFront = true; player2Cards[i].selected1(); } else { player2Cards[i].showFront = false; } } } // getting "UNO" and winning if (player1Cards.length === 1 \|\| player2Cards.length === 1) { textSize(50); fill(cardColors[3]); text("UNO!", 200, 200); } if (player1Cards.length === 0) { screen = "win"; won = "Player 1"; } if (player2Cards.length === 0) { screen = "win"; won = "Player 2"; } }; var win = function() { background(0); fill(cardColors[3]); textSize(50); text("Congratulations!", 200, 50); fill(cardColors[1]); textSize(25); text(won + " won.", 200, 150); fill(cardColors[2]); text("Thanks for playing.", 200, 350); }; // screen control var game = function() { textFont(createFont("sans-serif")); textAlign(CENTER, CENTER); cursor(ARROW); switch (screen) { case "logo": logo(); break; case "mainMenu": mainMenu(); break; case "instructions": instructions(); break; case "settings": settings(); break; case "play": play(); break; case "colorChanger": colorChanger(); break; case "win": win(); break; } }; var draw = function() { game(); };
Folds	24,31,33,52,54,65,67,84,86,102,106,222,224,246,253,265,267,281,288,423,433,450,462,485,501,551,555,568,572,578,580,586,588,593,595,600,602,677,679,735,739,759,761,782,784,789,793,815,817,883,885,901,903,915,917,957,965,1096,1098,1112,1116,1146
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMjeo_2MCgw
Votes	386
Spin-Offs	10
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6666901343305728","title":"Contest: Card Deck","deleted":"false","official":"false"}
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, 1739063694718
Updated	4 months ago, 1744828506992
Source Deleted	unknown