Viewing Program

Program Data

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

Title	Yourself (the game)
ID	6297822566498304
Created	4 years ago, 1620675191689
Updated	4 years ago, 1620739916228
Code	/ Want to subscribe? Copy and paste the link below https://www.khanacademy.org/computer-programming/sub-page/5393850119585792 Here's a little minigame I made called "Yourself". Hope you enjoy! (btw this is a reference to a DJ kaled meme) / var Cursor = ""; { var prevPressed = false, pressed = function(){ return !prevPressed && mouseIsPressed; }, scene = "main", Background = function(txt){ background(92, 45, 92); textSize(50); textAlign(CENTER); textFont(createFont("monospace")); text(txt, 200, 50); }, Sec = function(tme){ //the seconds scence the time variable has been reset return (millis() - tme)/1000; }, Const; // this thing comes in REAL usefull, and by usefull, I mean it. }//variables { var input = function(x, y, v){ this.x = x; this.y = y; this.v = v; }; input.prototype.isPressed = function(hold){ if(hold){ return constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY && mouseIsPressed; }else{ return constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY && pressed(); } }; var button = function(x, y, v){ input.call(this, x, y, v); textSize(50); this.width = textWidth(v) + 20; this.height = 70; this.ani = 0; //animation }; button.prototype = Object.create(input.prototype); button.prototype.draw = function(fun){ var isPressed = (constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY && mouseIsPressed) ? this.ani : 0; noStroke(); if(constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY && mouseIsPressed && this.ani < 4){ this.ani += 0.5; }else if(this.isPressed()){//if the mouse released on the button this.ani = constrain(this.ani-1, 0, 4); } if(constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY){ Cursor = "pointer"; } fill(58, 81, 194); rect(this.x, this.y, this.width+20, this.height, 10); textSize(50); textAlign(CENTER, CENTER); fill(255); text(this.v, this.x + this.width/2+10, this.y+25); if(this.isPressed()){ if(typeof fun === "string"){ scene = fun; }if(typeof fun === "function"){ fun(); } } }; var typer = function(x, y, v, width){ input.call(this, x, y, v); this.width = width; this.height = 19; }; typer.prototype = Object.create(input.prototype); typer.prototype.draw = function(){ if(constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY){ Cursor = "pointer"; } textSize(15); textAlign(LEFT, TOP); strokeWeight(1); stroke(0); fill(255); rect(this.x, this.y, this.width, 19); fill(0); text(this.v, this.x + 2, this.y + 2); if(floor(frameCount/80)80 === floor(frameCount/40)40 && constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY){ line(textWidth(this.v) + this.x + 2, this.y + 2, textWidth(this.v) + this.x + 2, this.y+17); } }; input.prototype.update = function(number){//only for "typers" if(constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY){ if(number){ if(keyCode === 8){ this.v = this.v.substr(0, this.v.length - 1); } if(!isNaN(Number(key.toString()))){ this.v += key.toString(); } }else{ if(keyCode === 8){ this.v = this.v.substr(0, this.v.length - 1); }else{ this.v += key.toString(); } } } }; var toggle = function(x, y, v){ input.call(this, x, y, v); this.width = 40; this.height = 20; this.ani = 0; }; toggle.prototype = Object.create(input.prototype); toggle.prototype.draw = function(){ var isPressed = (constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY && mouseIsPressed) ? this.ani : 0; if(constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY && mouseIsPressed && this.ani < 4){ this.ani += 0.5; }if(this.isPressed()){//if the mouse released on the button this.ani = constrain(this.ani-1, 0, 4); } if(constrain(mouseX, this.x, this.x + this.width) === mouseX && constrain(mouseY, this.y, this.y + this.height) === mouseY){ Cursor = "pointer"; } noStroke(); fill(0, 0, 0); //the shadow of the button rect(this.x + 4, this.y + 4, this.width, 20, 20); fill(102, 196, 158); //the shade rect(this.x + isPressed, this.y + isPressed, this.width, 20, 20); fill(118, 227, 185); //tint rect(this.x + isPressed, this.y + isPressed, this.width - 5, 15, 20); fill(110, 211, 171); //main button rect(this.x + 5 + isPressed, this.y + 5 + isPressed, this.width - 10, 10, 20); fill(0); rect(this.x + (this.v? 20: 10), this.y, 10, 20); if(this.isPressed()){ this.v = !this.v; } }; }//input management { var play = new button(135, 200, "play"); var one = new button(28, 100, "1"); }//my inputs draw = function() { switch(scene){ case "main": //[ Background("Yourself"); play.draw("level select"); break;//] case "level select": //[ Background("game"); for(var x = 0; x < 4; x++){ for(var y = 0; y < 3; y ++){ if(x !== 0 \|\| y !== 0){ fill(50); rect(x90+27, y90+100, 70, 70, 10); noFill(); stroke(90); strokeWeight(8); ellipse(x90 + 61, y90 + 127, 20, 23); noStroke(); fill(80); rect(x90 + 41, y90 + 127, 40, 35, 5); } } } one.draw("game"); break; //] case "game": //[ background(94, 63, 16); //background noStroke(); fill(122, 87, 42); rect(0, 120, 400, 10); fill(117, 80, 29); rect(240, 0, 45, 400); fill(240); //DJ kaled beginShape(); vertex(0, 200); bezierVertex(19, 175, 49, 159, 80, 152); vertex(173, 152); bezierVertex(253, 173, 263, 199, 278, 214); vertex(265, 400); vertex(0, 400); endShape(CLOSE); image(getImage("creatures/Winston"), 55, 32, 150, 150); noStroke(); fill(150); //person he's talking to beginShape(); vertex(227, 400); bezierVertex(244, 230, 260, 181, 400, 155); vertex(400, 400); endShape(CLOSE); noStroke(); fill(20, 40); ellipse(395, 89, 150, 150); fill(255, 255, 0); ellipse(400, 86, 150, 150); textAlign(CENTER); //text textFont(createFont("sans-serif")); textSize(24); fill(0); text("congratulations you played yourself", 202, 388); //all of this is the text highlight text("congratulations you played yourself", 198, 388); text("congratulations you played yourself", 200, 386); text("congratulations you played yourself", 200, 390); text("congratulations you played yourself", 202, 386); text("congratulations you played yourself", 202, 390); text("congratulations you played yourself", 198, 390); text("congratulations you played yourself", 198, 386); fill(255); text("congratulations you played yourself", 200, 388); break; //] default: //[ Background("404"); break;//] } prevPressed = mouseIsPressed; cursor(Cursor); Cursor = "default"; };
Folds	9,26,27,153,154,157,160,164,165,186,187,236,237,239
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL2n4fqXCww
Votes	209
Spin-Offs	1
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Cobra Coder
Author Name	COOLBRO43219
Author ID	kaid_148226712859579271860375
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739456265181
Updated	10 months ago, 1739456265181
Source Deleted	unknown