Viewing Program

Program Data

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

Title	MEMORY GAME
ID	5899762590990336
Created	1 months ago, 1739951294061
Updated	1 months ago, 1739951293734
Code	var Tile = function(x, y, face) { this.x = x; this.y = y; this.size = 70; this.face = face; this.isFaceUp = false; this.isMatch = false; }; Tile.prototype.draw = function() { fill(214, 247, 202); strokeWeight(2); rect(this.x, this.y, this.size, this.size, 10); if (this.isFaceUp) { image(this.face, this.x, this.y, this.size, this.size); } else { image(getImage("avatars/leaf-green"), this.x, this.y, this.size, this.size); } }; Tile.prototype.drawFaceDownHover = function() { fill(82, 166, 51); strokeWeight(2); rect(this.x, this.y, this.size, this.size, 10); image(getImage("avatars/leaf-green"), this.x, this.y, this.size, this.size); this.isFaceUp = false; }; Tile.prototype.isUnderMouse = function(x, y) { return x >= this.x && x <= this.x + this.size && y >= this.y && y <= this.y + this.size; }; // Global config var NUM_COLS = 5; var NUM_ROWS = 4; var tiles = []; // Declare an array of all possible faces var faces = [ getImage("avatars/leafers-seed"), getImage("avatars/leafers-seedling"), getImage("avatars/leafers-sapling"), getImage("avatars/leafers-tree"), getImage("avatars/leafers-ultimate"), getImage("avatars/marcimus"), getImage("avatars/mr-pants"), getImage("avatars/mr-pink"), getImage("avatars/old-spice-man"), getImage("avatars/robot_female_1") ]; var drawTiles = function() { // Clear the array tiles.length = 0; // Make an array which has 2 of each, then randomize it var possibleFaces = faces.slice(0); var selected = []; for (var i = 0; i < (NUM_COLS * NUM_ROWS) / 2; i++) { // Randomly pick one from the array of remaining faces var randomInd = floor(random(possibleFaces.length)); var face = possibleFaces[randomInd]; // Push twice onto array selected.push(face); selected.push(face); // Remove from array possibleFaces.splice(randomInd, 1); } // Now shuffle the elements of that array var shuffleArray = function(array) { var counter = array.length; // While there are elements in the array while (counter > 0) { // Pick a random index var ind = Math.floor(Math.random() * counter); // Decrease counter by 1 counter--; // And swap the last element with it var temp = array[counter]; array[counter] = array[ind]; array[ind] = temp; } }; shuffleArray(selected); // Create the tiles for (var i = 0; i < NUM_COLS; i++) { for (var j = 0; j < NUM_ROWS; j++) { var tileX = i * 78 + 10; var tileY = j * 78 + 40; var tileFace = selected.pop(); tiles.push(new Tile(tileX, tileY, tileFace)); } } }; var numTries = 0; var numMatches = 0; var flippedTiles = []; var delayStartFC = null; // scene var currentScene; // timer var timeElapsed; var finalTime; // create the timer for the game var timer = function() { fill(0, 0, 0); textSize(20); var seconds = Math.floor(frameCount/60); var extraSeconds = seconds % 60; var timeElapsed = "Timer: " + extraSeconds; text(timeElapsed, 52, 25); var finalTime = str(extraSeconds); return finalTime; }; // button var Button = function(config) { this.x = config.x \|\| 0; this.y = config.y \|\| 0; this.width = config.width \|\| 0; this.height = config.height \|\| 0; this.label = config.label \|\| "Click"; this.labelX = config.labelX \|\| 0; this.labelY = config.labelY \|\| 0; this.color = config.color \|\| color; this.onClick = config.onClick \|\| function () {}; }; Button.prototype.draw = function() { fill(255, 0, 0); rect(this.x, this.y, this.width, this.height, 10); textSize(20); textAlign(CENTER, CENTER); fill(255, 255, 255); text(this.label, this.labelX, this.labelY, this.width, this.height); }; Button.prototype.isMouseInside = function() { return mouseX > this.x && mouseX < (this.x + this.width) && mouseY > this.y && mouseY < (this.y + this.height); }; Button.prototype.handleMouseClick = function() { if(this.isMouseInside()) { this.onClick(); } }; // create buttons for the game var btn1 = new Button({ x: 69, y: 260, width: 70, height: 37, label: "EASY", labelX: 69, labelY: 255, onClick: function() { currentScene = 2; } }); var btn2 = new Button({ x: 150, y: 260, width: 100, height: 37, label: "MEDIUM", labelX: 150, labelY: 255, onClick: function() { currentScene = 2; } }); var btn3 = new Button({ x: 261, y: 260, width: 70, height: 37, label: "HARD", labelX: 261, labelY: 255, onClick: function() { currentScene = 2; } }); var btn4 = new Button({ x: 286, y: 5, width: 105, height: 32, label: "RESTART", labelX: 286, labelY: 0, onClick: function() { currentScene = 1; } }); var btn5 = new Button({ x: 134, y: 256, width: 129, height: 37, label: "PLAY AGAIN", labelX: 134, labelY: 251, onClick: function() { currentScene = 1; } }); /////////////////////////////////////////////// // make some scenes var drawScene1 = function() { currentScene = 2; background(255, 255, 255); fill(0, 0, 0); textSize(20); timeElapsed = timer(); frameRate(60); text("Tries: " + numTries, 150, 25); btn4.draw(); cursor(); var tileMouseClick = function() { for (var i = 0; i < tiles.length; i++) { var tile = tiles[i]; if (tile.isUnderMouse(mouseX, mouseY)) { if (flippedTiles.length < 2 && !tile.isFaceUp) { tile.isFaceUp = true; flippedTiles.push(tile); if (flippedTiles.length === 2) { numTries++; if (flippedTiles[0].face === flippedTiles[1].face) { flippedTiles[0].isMatch = true; flippedTiles[1].isMatch = true; flippedTiles.length = 0; numMatches++; } delayStartFC = frameCount; } } loop(); } } }; mouseClicked = function() { tileMouseClick(); if (btn4.isMouseInside()) { flippedTiles.length = 0; currentScene = 1; } }; if (delayStartFC && (frameCount - delayStartFC) > 30) { for (var i = 0; i < tiles.length; i++) { var tile = tiles[i]; if (!tile.isMatch) { tile.isFaceUp = false; } } flippedTiles = []; delayStartFC = null; loop(); } for (var i = 0; i < tiles.length; i++) { tiles[i].draw(); } for (var i = 0; i < tiles.length; i++) { var tile = tiles[i]; if (tile.isUnderMouse(mouseX, mouseY) && !tiles[i].isFaceUp) { tiles[i].drawFaceDownHover(); cursor(HAND); } } if (btn4.isMouseInside()) { cursor(HAND); } if (numMatches === tiles.length/2) { currentScene = 3; } }; var drawScene2 = function() { currentScene = 1; background(214, 247, 202); // picture fill(214, 247, 202); rect(125, 60, 140, 140, 10); image(getImage("avatars/leafers-seed"), 129, 60, 140, 140); // title fill(0, 0, 0); textSize(30); textAlign(CENTER, CENTER); text("MEMORY", 127, 152, 140, 140); // Choose any level you like. btn1.draw(); btn2.draw(); btn3.draw(); if (btn1.isMouseInside() \|\| btn2.isMouseInside() \|\| btn3.isMouseInside()) { cursor(HAND); } else { cursor(); } mouseClicked = function() { frameCount = 0; if (btn1.isMouseInside()) { NUM_COLS = 4; NUM_ROWS = 2; currentScene = 2; } else if (btn2.isMouseInside()) { NUM_COLS = 4; NUM_ROWS = 3; currentScene = 2; } else if (btn3.isMouseInside()) { NUM_COLS = 5; NUM_ROWS = 4; currentScene = 2; } drawTiles(); }; }; var drawScene3 = function(finalTime) { currentScene = 3; background(214, 247, 202); fill(0, 0, 0); textSize(43); text("You found them all in " + numTries + " tries and " + finalTime + " seconds!", 81, 6, 243, 227); btn5.draw(); mouseClicked = function() { if (btn5.isMouseInside()) { flippedTiles.length = 0; currentScene = 1; } }; }; ////////////////////////////////////////////////////////// drawScene2(); draw = function() { if (currentScene === 1) { tiles.length = 0; numTries = 0; numMatches = 0; drawScene2(); } else if (currentScene === 2) { drawScene1(); } else if (currentScene === 3) { drawScene3(timeElapsed); } };
Folds
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPur2Lm9Cgw
Votes	1
Spin-Offs	0
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"project-memory","title":"Project: Memory++","deleted":"false","official":"true"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Jude Brian Encia Lardera
Author Name	JBLardera
Author ID	kaid_940403996439189531264398
Author Profile Access	COACH

Archive Data

Added	2 days ago, 1744828542809
Updated	2 days ago, 1744828542809
Source Deleted	unknown