Viewing Program

Program Data

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

Title	It's my birthday, figure out my age!
ID	4730882278031360
Created	11 years ago, 1403593214891
Updated	11 years ago, 1403623024584
Code	/* It's my birthday today, so I've celebrated by programming this little game thingy. Enjoy! / // Tracks current scene: // See scene tutorial: // https://www.khanacademy.org/programming-scenes/ var currentScene = 1; // Tracks guessed digits var digit1 = null; var digit2 = null; var drawCandle = function() { var candleWidth = 8; var candleHeight = 20; // red stem fill(255, 0, 0); stroke(161, 0, 0); rect(0, 20, candleWidth, candleHeight); ellipse(5, 20, candleWidth, candleHeight/6); fill(0, 0, 0); stroke(0, 0, 0); line(5, 20, 5, 10); // flame noStroke(); fill(255, 0, 0, 150); ellipse(5, 9, candleWidth, 9); fill(252, 197, 0, 150); ellipse(5, 6, candleWidth, 6); }; var drawCake = function(cakeWidth, cakeHeight) { // cake fill(79, 55, 8); rect(0, 0, cakeWidth, cakeHeight); // frosting fill(153, 105, 53); noStroke(); for (var x = 0; x <= cakeWidth; x += 10) { ellipse(x, 0, 17, 11); ellipse(x, cakeHeight, 17, 11); } for (var y = 0; y <= cakeHeight; y += 10) { ellipse(0, y, 13, 17); ellipse(cakeWidth, y, 9, 17); } }; // Super secret, my age! // That's why it's down here, not at the top, // which is where I'd normally put global vars, // like a good programmer var numYears = 0x1E; // Draws a cake with randomly placed candles var drawScene1 = function() { currentScene = 1; digit1 = null; digit2 = null; background(255, 255, 255); fill(0, 0, 0); textSize(14); text("How many candles are there? Count quick!", 59, 14); // y offset for cake var cakeOffset = 40; // cake pushMatrix(); translate(10, 31); drawCake(width-20, height-cakeOffset); // a grid to place candles in var numCells = numYears 1.5; var numRows = numCells / 5; var numCols = numCells / numRows; var cellWidth = width/numCols; var cellHeight = (height-cakeOffset)/numRows; // Pick numYears random cells var candleCells = {}; var numCellsPicked = 0; // As long as we haven't picked enough cells yet while (numCellsPicked < numYears) { // Select random cell number var randomCell = floor(random(0, (numCols)(numRows))); // Remember it in object if we haven't seen yet if (!candleCells[randomCell]) { candleCells[randomCell] = true; numCellsPicked++; } } // draw candles in picked cells for (var c = 0; c < numCols; c++) { for (var r = 0; r < numRows; r++) { if (candleCells[(r+cnumRows)]) { pushMatrix(); translate(ccellWidth+cellWidth/2.5, rcellHeight-15); drawCandle(cellWidth, cellHeight); popMatrix(); } } } popMatrix(); }; // Draws a vertical number picker from 0-9 var drawNumberPicker = function() { stroke(102, 102, 102); for (var i = 0; i < 10; i++) { fill(184, 184, 184); rect(0, i30, 20, 20); fill(10, 10, 10); text(i, 8, i30+15); } }; // Draws 2 number pickers to specify 2 digit number var drawScene2 = function() { currentScene = 2; background(255, 255, 255); fill(31, 31, 31); text("How many candles were there?", 78, 14); // Show two digit picker pushMatrix(); translate(150, 40); drawNumberPicker(); popMatrix(); pushMatrix(); translate(200, 40); drawNumberPicker(); popMatrix(); }; // Outputs results of picked numbers var drawScene3 = function() { currentScene = 3; background(255, 255, 255); var combinedDigitString = [digit1, digit2].join(""); var combinedDigit = parseInt(combinedDigitString, 10); textSize(30); if (combinedDigit === numYears) { fill(118, 0, 181); text("Wow! You got it!", 96, 150); text("How'd you do it??", 96, 205); } else { fill(255, 0, 0); if (combinedDigit < numYears) { text("I'm not that young!", 96, 150); text("Restart and try again!", 79, 205); } else { text("I'm not that old!", 96, 150); text("Restart and try again!", 79, 205); } } }; // Handle mouse clicks in scene 2 mouseClicked = function() { if (currentScene !== 2) { return; } // re-draw, so we can highlight on top drawScene2(); // Heavily reliant on translation // happening in drawNumberPickerScene! if (mouseX >= 150 && mouseX <= 170) { digit1 = floor((mouseY - 40) / 30); } if (mouseX >= 200 && mouseX <= 220) { digit2 = floor((mouseY - 40) / 30); } // highlight currently selected digits fill(255, 145, 0, 100); if (digit1 !== null) { rect(150, digit130+40, 20, 20); } if (digit2 !== null) { rect(200, digit230+40, 20, 20); } if (digit1 !== null && digit2 !== null) { drawScene3(); } }; draw = function() { if (frameCount > 30*2 && currentScene === 1) { drawScene2(); } }; drawScene1();
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKDt5dazCAw
Votes	652
Spin-Offs	38
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	pamela ❤
Author Name	pamela
Author ID	kaid_481802608512872365097525
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739366942072
Updated	7 months ago, 1744820693697
Source Deleted	unknown