Viewing Program

Program Data

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

Title	Soccer [GAME]
ID	4686228257980416
Created	5 years ago, 1608763545712
Updated	3 years ago, 1645728599484
Code	/* ============ \| Soccer \| \| 12/23/2020 \| \| WalkWorthy \| ============ with over 15 hundred lines of code and about week's woth of work (spread out over 2 months cause I wasn't motivated xD). I am proud to present: Soccer!!! 8:18 12/23/20 \| 6 hours and no one has asked to be on the leader board lol if anyone can beat hard I'd be impressed { 12/23/2020 + fixed hair glitch } LOG / /* --- Setup --- / //{ random(); noStroke(); strokeCap(SQUARE); textAlign(CENTER, CENTER); smooth(); //} / --- Globals --- / //{ var FieldWidth = 900; var FieldHeight = 500; var foul = false; var mode = "easy"; var hairs = [ { name: "Standard", draw: function(s, col){ fill(col); arc(0, 0, s, s, -270, -90); } }, { name: "Bun", draw: function(s, col){ fill(col); arc(0, 0, s, s, -270, -90); fill(0); ellipse(-s/2+1, 0, 10, 20); fill(col); ellipse(-s/2, 0, 10, 20); ellipse(0, s/4-s/8, 6, s/2+s/4); ellipse(0, -s/2+s/8, 4, s/4); } }, { name: "Side Parted", draw: function(s, col){ fill(col); arc(0, 0, s, s, -270, -90); fill(col); ellipse(0, s/4-s/8, 6, s/2+s/4); ellipse(0, -s/2+s/8, 4, s/4); } }, { name: "Jagged", draw: function(s, col){ fill(col); arc(0, 0, s, s, -270, -90); fill(col); triangle(-1, -s/2, 0, -s/2+29, 3, -s/2+24); triangle(0, s/2, 0, s/2-6, 5, s/2-3); triangle(0, s/2-6, 0, s/2-10, 5, s/2-10); } }, ]; var mouse = ""; var scene = "home"; var zoom = 1; var goalFlash = 0; var MIN = 2; var SEC = 30; var hcam = { x: 0, y: 0 }; var leaders = [ ["ʟǟʐɛʀʟɛɢɛռɖ", 24], ["Mateo Sotelo", 40], ["NL", 64], ["RISHAAN DAS!!!", 34], ['Asty Pasty', 68], ]; leaders.sort(function(a, b){ return b[1] - a[1]; }); var shake = 0; var howIndex = 0; var howPosition = 0; var howText = [ "The object of the game\nis to score as many goals\nas posible before the timer\nruns out. To create a new\nmatch press the new 'match'\nbutton. Once the match starts\n use the mouse to controll\nthe direction of the player\nand Hold the W key, Up arrow\nor the mouse to move.\n(next)", "Bump the ball with your\nplayer to kick it. Hold the\nSpace bar while touching\nthe ball to perform a power\nkick. Kick the ball into your\nopponent's goal to score.\nYou can also customize your\nplayer by pressing the\n'customize' button.\n(next)", "Don't forget to check out the\nthemes In the settings page!\nIf the game is too hard/easy\njust change the difficulty also\nlocated in the settings page.\n(next)", "Good Luck And Have Fun!", "why are you reading this?", "this ain't a clicker!", "This is the END", ]; var countDown = 300; var score = { "player" : 0, "computer" : 0, }; var highScore = 0; //} / --- Ball Image --- / //{ var ballShape = (function(){ background(0); fill(255); ellipse(13, 13, 25, 25); return get(0, 0, 26, 26); })(); var BallImage = (function(){ background(255); fill(0); ellipse(13, 13, 8, 8); for(var i = 0; i < 360; i+=72){ pushMatrix(); translate(13, 13); rotate(i); ellipse(0, 13, 8, 8); popMatrix(); } return get(0, 0, 26, 26); })(); imageMode(CENTER); if(BallImage){ BallImage.mask(ballShape); } //} / --- UI --- / //{ var clicked = false; var keys = []; var keyUp = false; function keyPressed(){ keys[keyCode] = true; } function keyReleased(){ keys[keyCode] = false; keyUp = true; } function mouseClicked(){ clicked = true; } var W = 87; var A = 65; var S = 83; var D = 68; //} / --- Load Fonts --- / //{ var fonts = { arial: createFont("Arial"), italics: createFont("Arial Italics"), bold: createFont("Arial Bold"), ib: createFont("Arial Bold Italics") }; //} / --- Colors --- / //{ var colors = { "SKIN_TONE" : color(235, 202, 136), "SHADOW" : color(0, 0, 0, 20), "GRASS" : color(80, 150, 80), "SAND" : color(220, 210, 140), "DIRT" : color(50, 25, 0), }; var hairCols = [ { Clr : color(95, 40, 0), Name : "Dark Brown" }, { Clr : color(40, 20, 0), Name : "\"Black\"" }, { Clr : color(150, 75, 0), Name : "Brown" }, { Clr : color(255, 240, 163), Name : "Blonde" }, { Clr : color(171, 61, 13), Name : "\"Red\"" }, { Clr : color(255, 0, 196), Name : "Pink" }, { Clr : color(255, 0, 0), Name : "Real Red" }, { Clr : color(117, 153, 245), Name : "Blue" }, ]; var eyes = [ { Name : "Black", draw : function(){ fill(0); ellipse(8, 5, 7, 5); ellipse(8, -5, 7, 5); fill(255); ellipse(7, 6, 3, 2); ellipse(7, -4, 3, 2); stroke(255); point(9, 4); point(9, -6); noStroke(); } }, { Name : "Glasses", draw : function(){ fill(0); ellipse(8, 5, 7, 5); ellipse(8, -5, 7, 5); fill(255); ellipse(7, 6, 3, 2); ellipse(7, -4, 3, 2); stroke(255); point(9, 4); point(9, -6); fill(255, 150); stroke(0, 150); ellipse(8, 5, 10, 9); ellipse(8, -5, 10, 9); line(8, -10, 6, -20); line(8, 10, 6, 20); noStroke(); } }, { Name : "Evil", draw : function(){ fill(255, 0, 0); ellipse(8, 5, 7, 5); ellipse(8, -5, 7, 5); fill(255); ellipse(7, 6, 3, 2); ellipse(7, -4, 3, 2); stroke(255); point(9, 4); point(9, -6); noStroke(); } }, { Name : "Robot", draw : function(){ fill(150); ellipse(8, 5, 7, 5); ellipse(8, -5, 7, 5); fill(255); ellipse(7, 6, 3, 2); ellipse(7, -4, 3, 2); stroke(255); point(9, 4); point(9, -6); noStroke(); } }, { Name : "Square", draw : function(){ fill(0); rect(8-2.5, 5-1, 7, 5, 2); rect(8-2.5, -5-1, 7, 5, 2); fill(255); rect(7-1, 6, 3, 2, 2); rect(7-1, -4, 3, 2, 2); stroke(255); point(9,5); point(9, -5); noStroke(); } }, { Name : "Green", draw : function(){ fill(0, 100, 0); ellipse(8, 5, 7, 5); ellipse(8, -5, 7, 5); fill(255); ellipse(7, 6, 3, 2); ellipse(7, -4, 3, 2); stroke(255); point(9, 4); point(9, -6); noStroke(); } }, { Name : "Sea Blue", draw : function(){ fill(0, 100, 100); ellipse(8, 5, 7, 5); ellipse(8, -5, 7, 5); fill(255); ellipse(7, 6, 3, 2); ellipse(7, -4, 3, 2); stroke(255); point(9, 4); point(9, -6); noStroke(); } }, ]; var ground = "GRASS"; var themes = [ { name: "Default", transition : color(255), main : color(240), outline : color(0), }, { name: "White Wash", transition : color(255), main : color(255), outline : color(0), }, { name: "Calm Blue", transition : color(230, 240, 255), main : color(220, 240, 250), outline : color(0, 30, 60), }, { name: "Calm Green", transition : color(230, 255, 200), main : color(230, 255, 220), outline : color(0, 50, 0), }, { name: "Calm Pink", transition : color(255, 240, 240), main : color(255, 230, 250), outline : color(50, 0, 0), }, { name: "Royal Blue", transition : color(100, 150, 255), main : color(150, 200, 255), outline : color(0, 0, 40), }, { name: "Lime Green", transition : color(150, 255, 100), main : color(190, 255, 120), outline : color(0, 50, 0), }, { name: "Orange Sunset", transition : color(255, 200, 50), main : color(255, 230, 100), outline : color(50, 0, 0), }, { name: "Dull Grey", transition : color(150), main : color(200), outline : color(0), }, { name: "Fire Engine", transition : color(255, 80, 70), main : color(255, 120, 100), outline : color(0), }, ]; var theme = 0; var playerHair = 0; var playerHairCurrentColor = 0; var playerHairCol = hairCols[playerHairCurrentColor].Clr; //} / --- Camera --- */ //{ var cam = { z: 0.5, update: function(plyr){ translate(~~((-plyr.xthis.z)+width/2), ~~((-plyr.ythis.z)+height/2)); scale(this.z); } }; //} /* --- Rect to Point --- / //{ function rtp(rx, ry, rw, rh, px, py){ return px >= rx && px <= rx+rw && py >= ry && py <= ry+rh; } //} / --- Ball --- */ //{ var ball = { x: 450, y: 250, vel: 0, angle: 0, rot: 0, size: 25, update: function(){ if(this.vel > 0){ this.vel -= 0.1; }else if(this.vel < 0){ this.vel += 0.1; } this.x += cos(this.angle)this.vel; this.y += sin(this.angle)this.vel; if(this.x-(this.size/2) < 3){ this.x = this.size/2 + 3; this.angle = -1; this.vel ++; }else if(this.x+(this.size/2) > 900-2){ this.x = 900 - this.size/2 - 3; this.angle = -1; this.vel ++; } if(this.y-(this.size/2) < 3){ this.y = this.size/2 + 3; this.angle = -1; this.vel ++; }else if(this.y+(this.size/2) > 500-2){ this.y = 500 - this.size/2 - 2; this.angle = -1; this.vel ++; } this.rot += cos(this.angle)this.vel; if((this.x < 5+(this.size/2) && this.y < 5+(this.size/2)) \|\| (this.x < 5+(this.size/2) && this.y > 495-(this.size/2)) \|\| (this.x > 895-(this.size/2) && this.y < 5+(this.size/2)) \|\| (this.x > 895-(this.size/2) && this.y > 495-(this.size/2))){ foul = true; this.x = 450; this.y = 250; this.vel = 0; goalFlash = 255; } this.x = constrain(this.x, this.size/2+3, (900-this.size/2)-2); this.y = constrain(this.y, this.size/2+3, (500-this.size/2)-2); }, draw: function(){ fill(colors.SHADOW); ellipse(this.x-5, this.y+5, this.size, this.size); pushMatrix(); translate(this.x, this.y); rotate(this.rot); image(BallImage, 0, 0); popMatrix(); } }; //} / --- Player --- / //{ function player(){ this.eyes = 0; this.hair = playerHair; this.hairCol = playerHairCol; this.hands = "FALSE"; this.x = 150; this.y = 250; this.s = 40; this.angle = 0; this.vel = 0; this.topSpeed = 6; } player.prototype.update = function(){ this.angle = atan2((mouseY)-200, (mouseX)-200); if((keys[UP] \|\| keys[W] \|\| mouseIsPressed) && this.vel < this.topSpeed ){ this.vel += 0.1; }else if(this.vel > 0){ this.vel -= 0.1; } this.x += cos(this.angle)this.vel; this.y += sin(this.angle)this.vel; if(dist(this.x, this.y, ball.x, ball.y) < (this.s/2)+(ball.size/2)){ var a = atan2(this.y-ball.y, this.x-ball.x); shake = 2; ball.x = this.x - (cos(a) * ((this.s/2)+(ball.size/2))); ball.y = this.y - (sin(a) * ((this.s/2)+(ball.size/2))); ball.angle = a; if(keys[32]){ ball.vel = -this.vel2; shake = 5; }else{ ball.vel = -this.vel1.1; } } this.x = constrain(this.x, this.s/2+3, (900-this.s/2)-2); this.y = constrain(this.y, this.s/2+3, (500-this.s/2)-2); }; player.prototype.display = function(){ fill(colors.SHADOW); ellipse(this.x-5, this.y+5, this.s, this.s); pushMatrix(); translate(this.x, this.y); rotate(this.angle \|\| 0); fill(colors.SKIN_TONE); ellipse(0, 0, this.s, this.s); //triangle(15, -3, 15, 3, 30, 0); if(this.hands !== "FALSE"){ ellipse(18+sin(frameCount10), -22, 10, 10); ellipse(18+cos(frameCount10), 22, 10, 10); } eyes[this.eyes].draw(); hairs[this.hair].draw(this.s, this.hairCol); popMatrix(); }; player.prototype.model = function(x, y, angle){ fill(colors.SHADOW); ellipse(x-5, y+5, this.s, this.s); pushMatrix(); translate(x, y); rotate(angle \|\| 0); fill(colors.SKIN_TONE); ellipse(0, 0, this.s, this.s); //triangle(15, -3, 15, 3, 30, 0); if(this.hands !== "FALSE"){ ellipse(18+sin(frameCount10), -22, 10, 10); ellipse(18+cos(frameCount10), 22, 10, 10); } eyes[this.eyes].draw(); hairs[this.hair].draw(this.s, this.hairCol); popMatrix(); }; player.prototype.reset = function(){ this.x = 150; this.y = 250; this.angle = 0; this.vel = 0; }; var Player = new player(); //} / --- AI --- / //{ function bot(){ this.hair = floor(random(hairs.length)); this.hairCol = floor(random(hairCols.length)); this.mode = mode; this.eyes = 0; this.x = 900-150; this.y = 250; this.s = 40; this.angle = -180; this.vel = 0; this.topSpeed = 4; } bot.setDesign = function(){ this.hair = floor(random(hairs.length)); this.hairCol = floor(random(hairCols.length)); this.eyes = floor(random(eyes.length)); }; bot.prototype.update = function(){ this.angle = atan2(ball.y-this.y, ball.x-this.x); if(this.vel < this.topSpeed){ this.vel+=0.25; } this.x += cos(this.angle)this.vel; this.y += sin(this.angle)this.vel; if(dist(this.x, this.y, ball.x, ball.y) < (this.s/2)+(ball.size/2)){ var a = atan2(this.y-ball.y, this.x-ball.x); ball.x = this.x - (cos(a) * ((this.s/2)+(ball.size/2))); ball.y = this.y - (sin(a) * ((this.s/2)+(ball.size/2))); var off = 0; if(this.mode === "hard"){ off = 50; }else if(this.mode === "normal"){ off = 100; }else if(this.mode === "easy"){ off = 180; } ball.angle = atan2(this.y-250, this.x)+random(-off, off); if(dist(this.x, this.y, 0, 250) < 400){ ball.vel = -this.vel2; shake = 5; }else{ ball.vel = -this.vel1.1; } } this.x = constrain(this.x, this.s/2+3, (900-this.s/2)-2); this.y = constrain(this.y, this.s/2+3, (500-this.s/2)-2); }; bot.prototype.display = function(){ fill(colors.SHADOW); ellipse(this.x-5, this.y+5, this.s, this.s); pushMatrix(); translate(this.x, this.y); rotate(this.angle \|\| 0); fill(colors.SKIN_TONE); ellipse(0, 0, this.s, this.s); if(Player.hands !== "FALSE"){ ellipse(18+sin(frameCount10), -22, 10, 10); ellipse(18+cos(frameCount10), 22, 10, 10); } hairs[this.hair].draw(this.s, hairCols[this.hairCol].Clr); eyes[this.eyes].draw(); popMatrix(); }; bot.prototype.reset = function(){ this.x = 900-150; this.y = 250; this.angle = -180; this.vel = 0; this.mode = mode; if(mode === "hard"){ this.topSpeed = 6; }else if(mode === "normal"){ this.topSpeed = 4; }else if(mode === "easy"){ this.topSpeed = 3; } }; var Bot = new bot(); //} / --- Field --- / //{ function drawField(){ strokeWeight(2); stroke(0, 25); for(var i= 0; i < 19; i++){ line(i50, 0, i50, 500); } for(var i= 0; i < 10; i++){ line(900, i50, 0, i50); } stroke(255); strokeWeight(5); noFill(); ellipse(450, 250, 170, 170); rect(0, 150, FieldWidth/9, 200); rect(FieldWidth-100, 150, 100, 200); rect(0, 0, FieldWidth, FieldHeight); line(450, 0, 450, 500); strokeWeight(1); noStroke(); fill(255); ellipse(450, 250, 20, 20); } //} / --- Transition --- / //{ var trans = { angle : -90, angle2 : -90, type : "top right", on: false, goTo: undefined, vel: 1, run : function(){ if(this.on){ if(this.type === "top right"){ this.angle = lerp(this.angle, 5, 0.15); if(this.angle >= 0){ this.type = "bottom right"; scene = this.goTo; } }else if(this.type === "bottom right"){ this.angle2 = lerp(this.angle2, -181, 0.1); if(this.angle2 <= -180){ this.on = false; this.angle = -90; this.angle2 = -90; this.type = "top right"; } } } pushMatrix(); translate(0, this.type === "top right" ? 0:height); rotate(this.type === "top right" ? this.angle:this.angle2); fill(themes[theme].transition); rect(0, 0, width, height); popMatrix(); }, start : function(s){ this.goTo = s; this.on = true; } }; //} / --- Buttons --- / //{ function button(config){ this.type = config.type \|\| "standard"; this.x = config.x; this.y = config.y; this.txt = config.message; this.txtSize = config.messageSize \|\| 24; this.onClick = config.onClick; this.i = 3; this.w = config.width \|\| 190; this.h = config.height \|\| 40; this.dir = config.dir \|\| "l"; } button.prototype.update = function(mX, mY){ if(mX >= this.x-(this.w/2)-this.i && mX <= this.x+(this.w/2)-this.i && mY >= this.y-(this.h/2)-this.i && mY <= this.y+(this.h/2)-this.i){ mouse = "pointer"; this.i = lerp(this.i, 0, 0.1); if(clicked){ this.onClick(); } }else{ this.i = lerp(this.i, 5, 0.1); } }; button.prototype.display = function(){ fill(colors.SHADOW, 50); rect(this.x-(this.w/2), this.y-(this.h/2), this.w, this.h, 7); fill(themes[theme].outline); rect(this.x-(this.w/2)+(this.dir === "l" ? -this.i:this.i), this.y-(this.h/2)-this.i, this.w, this.h, 7); fill(themes[theme].main); rect(this.x-(this.w/2)+1+(this.dir === "l" ? -this.i:this.i), this.y-(this.h/2)+1-this.i, this.w-2, this.h-2, 5); if(typeof this.txt === "string"){ fill(themes[theme].outline); textFont(fonts.ib, this.txtSize); text(this.txt, this.x+(this.dir === "l" ? -this.i:this.i), this.y-this.i); } else if(typeof this.txt === "function"){ this.txt(this.x+(this.dir === "l" ? -this.i:this.i), this.y-this.i, themes[theme], frameCount); } }; function drawButtons(arr, mx, my){ for(var i = 0; i < arr.length; i++){ arr[i].update(mx, my); arr[i].display(); } } //} / --- Reset Game --- / //{ function resetGame(){ countDown = 300; score = { "player" : 0, "computer" : 0, }; Player.reset(); Bot.reset(); MIN = 2; SEC = 30; ball.x = 450; ball.y = 250; bot.setDesign(); } //} / --- Button Instances --- / //{ var HomeButtons = [ new button({ x : 200, y : 200, message : "New Match", messageSize : 24, onClick : function(){ trans.start("game"); resetGame(); }, }), new button({ x : 200, y : 260, message : "Customize", messageSize : 24, onClick : function(){ trans.start("setup"); }, }), new button({ x : 200, y : 320, message : "Instructions", messageSize : 24, onClick : function(){ trans.start("how"); howIndex = 0; }, }), new button({ x : 200+55, y : 380, width : 80, height : 40, message : function(x, y, t, f){ fill(t.outline); rect(x-3, y+10, 6, -15-sin(f5)2); rect(x-12, y+10, 6, -8-sin(f4)2); rect(x+6, y+10, 6, -10-cos(f3)2); }, messageSize : 34, onClick : function(){ trans.start("lead"); for(var i = 0; i < leaders.length; i++){ leaders[i][2] = -200; } }, }), new button({ x : 200-55, y : 380, width : 80, height : 40, message : function(x, y, t, f){ fill(0); strokeWeight(4); stroke(t.outline); noFill(); ellipse(x, y, 13, 13); noStroke(); fill(t.outline); for(var i = 0; i < 360; i+=60){ pushMatrix(); translate(x, y); rotate(i+sin(f5)5); rect(-3, -12, 6, 5, 2); popMatrix(); } }, messageSize : 24, onClick : function(){ trans.start("settings"); }, }), ]; var settingsButtons = [ new button({ x : 200-120, y : 195, width : 40, height: 40, message : "◄", messageSize : 24, onClick : function(){ theme--; if(theme < 0){ theme = themes.length-1; } }, }), new button({ dir: "r", x : 200+120, y : 195, width : 40, height: 40, message : "►", messageSize : 24, onClick : function(){ theme++; if(theme > themes.length-1){ theme = 0; } }, }), new button({ x : 200-120, y : 305, width : 40, height: 40, message : "◄", messageSize : 24, onClick : function(){ switch(mode){ case "easy": mode = "hard"; break; case "normal": mode = "easy"; break; case "hard": mode = "normal"; break; } }, }), new button({ dir: "r", x : 200+120, y : 305, width : 40, height: 40, message : "►", messageSize : 24, onClick : function(){ switch(mode){ case "easy": mode = "normal"; break; case "normal": mode = "hard"; break; case "hard": mode = "easy"; break; } }, }), ]; var back = new button({ x : 200, y : 380, width: 150, height: 40, message : "Home", messageSize : 20, onClick : function(){ trans.start("home"); }, }); var howButtons = [ new button({ x: 30, y: 210, width: 30, height: 50, message: "◄", messageSize: 24, onClick: function(){ howIndex++; } }), new button({ x: 370, y: 210, width: 30, height: 50, message: "►", messageSize: 24, dir: "r", onClick: function(){ howIndex--; } }) ]; //} / -- Scenes -- / function game(){ background(colors[ground]); cam.z = zoom; pushMatrix(); cam.update(Player); drawField(); if(countDown < 0){ Bot.update(); Player.update(); ball.update(); } ball.draw(); Bot.display(); Player.display(); popMatrix(); textFont(fonts.ib, 30); fill(MIN === 0 && SEC < 11 ? color(255, abs(sin(frameCount)255), abs(sin(frameCount)255)):255); text(MIN+":"+(SEC.toString().length < 2 ? "0":"")+SEC, 200, 25); textSize(16); fill(themes[theme].outline); text("PLAYER: "+score.player, 75, 27); text("COMPUTER: "+score.computer, 400-75, 27); fill(themes[theme].main); text("PLAYER: "+score.player, 75, 25); text("COMPUTER: "+score.computer, 400-75, 25); if(frameCount%60 === 0 && countDown < 0){ SEC -= 1; if(SEC < 0){ SEC = 59; MIN -= 1; } } countDown-=3; if(countDown > 0){ fill(themes[theme].main, 25); rect(0, 0, width, height); fill(themes[theme].outline); textFont(fonts.ib, 100); text(ceil(countDown/100), 202, 202); fill(themes[theme].main); text(ceil(countDown/100), 200, 200); } if(rtp(0, 150, 100, 200, ball.x, ball.y)){ goalFlash = 255; score.computer ++; ball.x = 450; ball.y = 250; ball.vel = 0; Player.reset(); Bot.reset(); } if(rtp(800, 150, 100, 200, ball.x, ball.y)){ goalFlash = 255; score.player ++; ball.x = 450; ball.vel = 0; ball.y = 250; Player.reset(); Bot.reset(); } if(keyUp && keyCode === 82){ score.computer++; ball.x = 450; ball.vel = 0; ball.y = 250; Player.reset(); Bot.reset(); } fill(themes[theme].transition, goalFlash); rect(0, 0, width, height); goalFlash -= goalFlash > 0 ? 5:0; textSize(50); fill(themes[theme].outline, goalFlash2); text(foul ? "Ball Out!":"GOAL!", 202, 202); fill(themes[theme].main, goalFlash2); text(foul ? "Ball Out!":"GOAL!", 200, 200); if(foul){ Bot.reset(); Player.reset(); if(goalFlash < 5){ foul = false; } } if(MIN < 0){ trans.start("over"); } } function home(){ pushMatrix(); translate(hcam.x, hcam.y); hcam.y = lerp(hcam.y, -constrain((mouseY-200)/5, -30, 30), 0.1); hcam.x = lerp(hcam.x, -constrain((mouseX-200)/5, -30, 30), 0.1); background(colors[ground]); pushMatrix(); translate(200 +100 +(hcam.x/2), 200 +180 +(hcam.y/2)); rotate(60); translate(-450, -250); drawField(); popMatrix(); fill(themes[theme].outline); textFont(fonts.ib, 70); for(var i = 0; i < 360; i+=20){ text("S ccer", 200+cos(i)2, 100+sin(i)2); } ellipse(153, 108, 44, 44); fill(themes[theme].main); ellipse(153, 108, 40, 40); for(var i = 0; i < 360; i+=72){ fill(themes[theme].outline); pushMatrix(); translate(153, 108); rotate(i+frameCount); arc(0, 21, 12, 12, -165, -5); popMatrix(); } ellipse(153, 108, 12, 12); fill(themes[theme].main); text("S ccer", 200, 100); drawButtons(HomeButtons, mouseX-hcam.x, mouseY-hcam.y); popMatrix(); } function how(){ hcam.y = lerp(hcam.y, -constrain((mouseY-200)/5, -30, 30), 0.1); hcam.x = lerp(hcam.x, -constrain((mouseX-200)/5, -30, 30), 0.1); pushMatrix(); translate(hcam.x, hcam.y); background(colors[ground]); pushMatrix(); translate(200 +100 +(hcam.x/2), 200 +180 +(hcam.y/2)); rotate(60); translate(-450, -250); drawField(); popMatrix(); howIndex = constrain(howIndex, -howText.length+1, 0); textFont(fonts.ib, 20); for(var i = 0; i < howText.length; i++){ fill(themes[theme].main); text(howText[i], i400+200+howPosition, 220); } howPosition = lerp(howPosition, howIndex400, 0.1); drawButtons(howButtons, mouseX-hcam.x, mouseY-hcam.y); fill(themes[theme].outline); textFont(fonts.ib, 50); for(var i = 0; i < 360; i+=20){ text("Instructions", 200+cos(i)2, 50+sin(i)2); } fill(themes[theme].main); text("Instructions", 200, 50); textSize(30); fill(themes[theme].outline); text("", 202, 221); fill(themes[theme].main); text("", 200, 220); back.update(mouseX-hcam.x, mouseY-hcam.y); back.display(); popMatrix(); } function customize(){ hcam.y = lerp(hcam.y, -constrain((mouseY-200)/5, -30, 30), 0.1); hcam.x = lerp(hcam.x, -constrain((mouseX-200)/5, -30, 30), 0.1); pushMatrix(); translate(hcam.x, hcam.y); background(colors[ground]); pushMatrix(); translate(200 +100 +(hcam.x/2), 200 +180 +(hcam.y/2)); rotate(60); translate(-450, -250); drawField(); popMatrix(); fill(themes[theme].outline); textFont(fonts.ib, 50); for(var i = 0; i < 360; i+=20){ text("Customize", 200+cos(i)2, 50+sin(i)2); } fill(themes[theme].main); text("Customize", 200, 50); var btn = function(x, y, d, onClk){ fill(0, 50); if(mouseX-hcam.x >= x && mouseX-hcam.x <= x+30 && mouseY-hcam.y >= y && mouseY-hcam.y <= y+40){ fill(0, 60); mouse = "pointer"; if(clicked){ onClk(); } } rect(x, y, 30, 40, 2); fill(255, 200); text(d>0 ? "►":"◄", x+15, y+20); }; var tab = function(x, y, header, txt){ fill(0, 50); rect(x, y, 100, 40, 2); fill(255); textSize(16); text(txt, x+50, y+29); fill(255); textSize(12); text(header.toUpperCase()+":", x+50, y+12); }; tab(190, 110, "hair", hairs[Player.hair].name); tab(190, 160, "hair CoLOr", hairCols[playerHairCurrentColor].Name); tab(190, 210, "hands", Player.hands); tab(190, 260, "eyes", eyes[Player.eyes].Name); textSize(20); btn(150, 110, -1, function(){ if(Player.hair > 0){ Player.hair--; } });//done btn(300, 110, 1, function(){ if(Player.hair < hairs.length-1){ Player.hair++; } });//done btn(150, 160, -1, function(){ if(playerHairCurrentColor > 0){ playerHairCurrentColor --; Player.hairCol = hairCols[playerHairCurrentColor].Clr; } });//done btn(300, 160, 1, function(){ if(playerHairCurrentColor < hairCols.length-1){ playerHairCurrentColor ++; Player.hairCol = hairCols[playerHairCurrentColor].Clr; } });//done btn(150, 210, -1, function(){ Player.hands = "FALSE"; });//done btn(300, 210, 1, function(){ Player.hands = "TRUE"; });//done btn(150, 260, -1, function(){ if(Player.eyes > 0){ Player.eyes --; } });//done btn(300, 260, 1, function(){ if(Player.eyes < eyes.length-1){ Player.eyes ++; } });//done Player.model(50, 200, frameCount, 0, hairCols[0].Clr, colors.SKIN_TONE); back.update(mouseX-hcam.x, mouseY-hcam.y); back.display(); popMatrix(); } function settings(){ hcam.y = lerp(hcam.y, -constrain((mouseY-200)/5, -30, 30), 0.1); hcam.x = lerp(hcam.x, -constrain((mouseX-200)/5, -30, 30), 0.1); pushMatrix(); translate(hcam.x, hcam.y); background(colors[ground]); pushMatrix(); translate(200 +100 +(hcam.x/2), 200 +180 +(hcam.y/2)); rotate(60); translate(-450, -250); drawField(); popMatrix(); drawButtons(settingsButtons, mouseX-hcam.x, mouseY-hcam.y); fill(0, 50); rect(200-(190/2), 160+15, 190, 40, 6); rect(200-(190/2), 270+15, 190, 40, 6); fill(themes[theme].outline); rect(200-(190/2), 160+10, 190, 40, 6); rect(200-(190/2), 270+10, 190, 40, 6); fill(themes[theme].main); rect(200-(190/2)+1, 160+11, 190-2, 40-2, 5); rect(200-(190/2)+1, 270+11, 190-2, 40-2, 5); fill(themes[theme].outline); textFont(fonts.ib, 24); text(themes[theme].name, 200, 190); text(mode.toUpperCase(), 200, 300); fill(themes[theme].outline); textFont(fonts.ib, 50); for(var i = 0; i < 360; i+=20){ text("Settings", 200+cos(i)2, 50+sin(i)2); } fill(themes[theme].main); text("Settings", 200, 50); textSize(35); fill(themes[theme].main); text("Theme:", 202, 141); text("Difficulty:", 202, 251); fill(themes[theme].outline); text("Theme:", 200, 140); text("Difficulty:", 200, 250); textSize(30); fill(themes[theme].outline); text("", 202, 221); fill(themes[theme].main); text("", 200, 220); back.update(mouseX-hcam.x, mouseY-hcam.y); back.display(); popMatrix(); } function leaderboard(){ hcam.y = lerp(hcam.y, -constrain((mouseY-200)/5, -30, 30), 0.1); hcam.x = lerp(hcam.x, -constrain((mouseX-200)/5, -30, 30), 0.1); pushMatrix(); translate(hcam.x, hcam.y); background(colors[ground]); pushMatrix(); translate(200 +100 +(hcam.x/2), 200 +180 +(hcam.y/2)); rotate(60); translate(-450, -250); drawField(); popMatrix(); textFont(fonts.ib, 30); for(var i = 0; i < leaders.length; i++){ fill(themes[theme].outline); text(leaders[i][0]+": "+leaders[i][1], leaders[i][2]+2, i50+120+2); fill(themes[theme].main); text(leaders[i][0]+": "+leaders[i][1], leaders[i][2], i50+120); if(trans.on === false){ if(i === 0){ leaders[i][2] = lerp(leaders[i][2], 200, 0.1); }else if(leaders[i-1][2] > 100){ leaders[i][2] = lerp(leaders[i][2], 200, 0.1); } if(leaders[i][2] > 180 && leaders[i][2] < 195){ shake = 2.5; } } } fill(themes[theme].outline); textFont(fonts.ib, 50); for(var i = 0; i < 360; i+=20){ text("Leaderboard", 200+cos(i)2, 50+sin(i)2); } fill(themes[theme].main); text("Leaderboard", 200, 50); back.update(mouseX-hcam.x, mouseY-hcam.y); back.display(); popMatrix(); } function over(){ hcam.y = lerp(hcam.y, -constrain((mouseY-200)/5, -30, 30), 0.1); hcam.x = lerp(hcam.x, -constrain((mouseX-200)/5, -30, 30), 0.1); if(score.player > highScore){ highScore = score.player; } pushMatrix(); translate(hcam.x, hcam.y); background(colors[ground]); pushMatrix(); translate(200 +100 +(hcam.x/2), 200 +180 +(hcam.y/2)); rotate(60); translate(-450, -250); drawField(); popMatrix(); textFont(fonts.ib, 40); if(score.player === score.computer){ fill(themes[theme].outline); text("Tie!", 200+sin(frameCount5)10, 132); fill(themes[theme].main); text("Tie!", 200+sin(frameCount5)10-2, 130); }else if(score.player > score.computer){ fill(themes[theme].outline); text("You Win!", 200+sin(frameCount5)10, 132); fill(themes[theme].main); text("You Win!", 200+sin(frameCount5)10-2, 130); }else{ fill(themes[theme].outline); text("You Lose!", 200+sin(frameCount5)10, 132); fill(themes[theme].main); text("You Lose!", 200+sin(frameCount5)10-2, 130); } textSize(30); fill(themes[theme].outline); text("Player - "+score.player, 202, 202); text("Computer - "+score.computer, 202, 252); textSize(28); text("Highscore - "+highScore, 202, 302); textSize(30); fill(themes[theme].main); text("Player - "+score.player, 200, 200); text("Computer - "+score.computer, 200, 250); textSize(28); text("Highscore - "+highScore, 200, 300); fill(themes[theme].outline); textSize(50); for(var i = 0; i < 360; i+=20){ text("Game Over", 200+cos(i)2, 50+sin(i)2); } fill(themes[theme].main); text("Game Over", 200, 50); back.update(mouseX-hcam.x, mouseY-hcam.y); back.display(); popMatrix(); } function runScenes(){ pushMatrix(); translate(random(-shake, shake), random(-shake, shake)); switch(scene){ case "home": home(); break; case "game": game(); break; case "how": how(); break; case "setup": customize(); break; case "settings": settings(); break; case "lead": leaderboard(); break; case "over": over(); break; } fill(255); textFont(fonts.italics, 12); text(~~this.__frameRate, 400-10, 400-7); popMatrix(); shake += shake > 0 ? -0.5:(shake < 0 ? 0.5:0); clicked = false; cursor(mouse); mouse = "default"; trans.run(); keyUp = false; } //println(hairCols.lengthhairs.lengtheyes.length*2+" Charecter combos"); function draw(){ runScenes(); }
Folds	23,29,32,122,125,149,152,170,173,180,183,420,423,434,437,441,444,505,508,609,612,710,713,737,740,780,783,835,838,853,856,1046,1049,1152,1153,1194,1195,1239,1240,1349,1350,1414,1415,1465,1466,1534,1535,1575
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ3VmMOpCAw
Votes	165
Spin-Offs	3
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	WalkWorthy
Author Name	PowerCoder
Author ID	kaid_572162445297461577426497
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739366378957
Updated	10 months ago, 1739366426840
Source Deleted	unknown