Viewing Program

Program Data

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

Title	this is tom
ID	6077127935492096
Created	6 years ago, 1555517162893
Updated	6 years ago, 1555606950062
Code	/** * this is tom * Chester Banks * April 17 2019 * * My first game since Khantober - it's been a while! * * This style choice may or may not be a poke at the people who "hate" on having all lowercase in titles ;D * * Things to do with this program: a) Play the game and have fun! b) Leave a helpful comment in the T&T - not just "Nice job" or "Cool game", but specify what you enjoyed and what could be improved. c) Inspect the code and learn from it. I included a Table of Contents below to help you navigate my code, and left a few comments (might add more later). It might be a leetle more messy because I'm a bit rusty. d) All of the above! / / T A B L E O F C O N T E N T S CONTENT LINE # Setup ..................... 53 Initial variables ........ 54 Mouse properties ......... 58 Font settings ............ 65 Transition object ........ 80 Achievements ............. 88 Graphics functions ........ 143 Logo ..................... 144 Polygon function ......... 208 Explosion function ....... 221 Game OOP .................. 252 Ball function ............ 253 Game scene ............... 519 Button function .......... 654 Draw function ............. 737 Background ............... 739 Draw scenes .............. 752 Draw achievement notifs .. 957 Draw transitions ......... 965 Define cursor ............ 993 Reset mouse properties ... 996 Processing functions ...... 1001 / /* Setup / / Initial variables / var scene = 'Logo'; var game; / Mouse properties / var drag = {}; var mouse = { clicked: false, overButton: false, }; / Font settings / { // Credit to 木 for this bit of code: https://www.khanacademy.org/computer-programming/hello-google-fonts/6633982602379264 var loadGoogleFont = (function () { return this.Function ( "gfName", "gfName = gfName.replace ( /\\s+/g, '+' );var subsets = Array.prototype.slice.call ( arguments, 1, arguments.length - 1 ), url = 'https://fonts.googleapis.com/css?family=' + gfName + ( subsets.length > 0 ? '&subset=' + subsets : '' ), callback = arguments [ arguments.length - 1 ], gfs = document.querySelectorAll('link[href=\"'+url+'\"]');if(!gfs.length){var f=document.createElement('link');f.setAttribute('rel','stylesheet');f.setAttribute('type','text/css');f.onload=callback;f.setAttribute('href',url);document.head.appendChild(f);}else if ( typeof callback === 'function' ) { callback.call ( gfs [ 0 ] ); }"); })(); var fontloaded = false; if ( !fontloaded ) { loadGoogleFont('Work+Sans', 'latin-ext', 'vietnamese'); } } textAlign(CENTER, CENTER); textFont(createFont('Work Sans')); / Transition object / var trans = { active: false, nextScene: 'Game', out: false, sz: 1500, }; / Achievements / // Array with all the data var achievements = [ {name: 'getting the hang of it', desc: 'get 50 points', unlocked: false, img: undefined}, {name: 'easter egg', desc: 'find the easter egg', unlocked: false, img: undefined}, {name: 'intermediate', desc: 'get 100 points', unlocked: false, img: undefined}, {name: 'a new enemy', desc: 'see a moving obstacle', unlocked: false, img: undefined}, {name: 'tim', desc: 'see the mustached man', unlocked: false, img: undefined}, {name: 'pro', desc: 'get 350 points', unlocked: false, img: undefined}, {name: 'tabby', desc: 'get a rare sighting of tabby', unlocked: false, img: undefined}, {name: 'grandmaster', desc: 'get 800 points', unlocked: false, img: undefined} ]; // OOP, to take the snapshots and draw the notifs when an achievement is fulfilled var Achievement = function(i){ this.i = i; this.takingSnapshot = true; this.out = false; this.y = 0; }; Achievement.prototype.draw = function() { // Update achievements if(this.takingSnapshot){ achievements[this.i].img = get(0, 0, 600, 600); this.takingSnapshot = false; } achievements[this.i].unlocked = true; // Notif noStroke(); pushMatrix(); translate(0, this.y - 90); rectMode(CENTER); textAlign(LEFT, CENTER); imageMode(CENTER); fill(255, 255, 255, 100); rect(300, 50, 600, 100); fill(255); rect(55, 50, 80, 80); textSize(19); text('ACHIEVEMENT UNLOCKED!', 120, 30); textSize(30); text(achievements[this.i].name, 120, 59); image(achievements[this.i].img, 55, 50, 70, 70); popMatrix(); this.y += ((!this.out ? 100 : -20) - this.y) / 10; if(this.y > 99.999){ this.out = true; } }; var Achievements = []; /* Graphics functions / / Logo / var logo = function(x, y, sz){ var logoColors = [ color(255, 255, 255), color(240, 240, 240), color(230, 230, 230), color(214, 214, 214), ]; pushMatrix(); translate(x, y); scale(sz); noFill(); strokeCap(SQUARE); stroke(0, 0, 0, 30); strokeWeight(30); arc(10, 20, 160, 160, 30, 330); strokeWeight(11); // Outer layer stroke(logoColors[0]); arc(0, 0, 200, 200, -85, -30); arc(0, 0, 180, 180, -75, -30); arc(0, 0, 200, 200, -300, -240); arc(0, 0, 180, 180, -285, -250); stroke(logoColors[1]); arc(0, 0, 200, 200, -125, -85); arc(0, 0, 180, 180, -115, -75); arc(0, 0, 200, 200, -200, -160); arc(0, 0, 180, 180, -200, -150); stroke(logoColors[2]); arc(0, 0, 200, 200, -160, -125); arc(0, 0, 180, 180, -150, -116); arc(0, 0, 200, 200, -330, -300); arc(0, 0, 180, 180, -330, -286); stroke(logoColors[3]); arc(0, 0, 200, 200, -240, -200); arc(0, 0, 180, 180, -250, -200); // Inner layer stroke(logoColors[0]); arc(0, 0, 160, 160, -200, -160); arc(0, 0, 140, 140, -200, -150); stroke(logoColors[1]); arc(0, 0, 160, 160, -300, -240); arc(0, 0, 140, 140, -285, -250); stroke(logoColors[2]); arc(0, 0, 160, 160, -240, -200); arc(0, 0, 140, 140, -250, -200); arc(0, 0, 160, 160, -125, -85); arc(0, 0, 140, 140, -115, -75); stroke(logoColors[3]); arc(0, 0, 160, 160, -85, -30); arc(0, 0, 140, 140, -75, -30); arc(0, 0, 160, 160, -330, -300); arc(0, 0, 140, 140, -330, -286); arc(0, 0, 160, 160, -160, -125); arc(0, 0, 140, 140, -150, -116); stroke(0, 0, 0, 50); strokeWeight(20); arc(0, 0, 150, 150, 30, 330); popMatrix(); }; / Polygon function / var myShape = function(x, y, radius, sides, r){ pushMatrix(); translate(x, y); rotate(r); beginShape(); for(var i = 0; i < 360; i += 360 / sides){ vertex(sin(i) radius, cos(i) * radius); } endShape(CLOSE); popMatrix(); }; /* Explosion function / var explosion = function(x, y){ this.x = x; this.y = y; this.x2 = 0; this.sz = random(20); this.trans = 255; this.r = random(360); this.sides = random(3, 8); this.collidedThisFrame = false; }; explosion.prototype.draw = function() { noStroke(); fill(255, 255, 255, this.trans); pushMatrix(); translate(this.x, this.y); rotate(this.r); translate(this.x2, 0); beginShape(); for(var i = 0; i < 360; i += 360 / this.sides){ vertex(sin(i) this.sz, cos(i) * this.sz); } endShape(CLOSE); popMatrix(); this.x2 += this.sz / 20; this.trans /= 1.1; }; var explosions = []; /** Game OOP / / Ball function / var ball = function(x, y, run, rise, type, rad){ this.x = x; this.y = y; this.r = rad \|\| random(10, 50); this.xvel = run / 10; this.yvel = rise / 10; this.i = 0; this.trans = 255; this.type = type; this.color = color(255, 255, 255); / Types: 0: Static ball 1: Coin 2: Static spiky ball 3: Moving spiky ball 4: tom and friends / if(this.type === 1){ this.value = floor(random(1, 20)) 5; this.color = color(231, 247, 91); this.rot = 1; this.r = 1; this.destR = random(15, 25); this.timer = 0; } if(this.type === 2 \|\| this.type === 3){ this.color = color(230, 39, 55); this.rot = 1; this.r = 10; this.destR = random(15, 30); this.timer = -100; } if(this.type === 3){ this.side = floor(random(1, 5)); this.timer = 10; this.x = (this.side === 3) ? -50 : (this.side < 3 ? random(width) : 650); this.y = (this.side === 1) ? -50 : (this.side > 2 ? random(height) : 650); this.xvel = (this.side === 3) ? random(2, 6) : (this.side < 3 ? random(-2, 2) : random(-2, -6)); this.yvel = (this.side === 1) ? random(2, 6) : (this.side > 2 ? random(-2, 2) : random(-2, -6)); } if(this.type === 4 && this.r === 60){ this.trans = -50; } }; var balls = [new ball(width / 2, height / 2, 0, 0, 4, 50)]; var coins = []; // At first I just had coins, but this array will now include the bonuses and the spikeballs. ball.prototype.draw = function() { textAlign(CENTER, CENTER); rectMode(CENTER); // Shadow pushMatrix(); translate(300, 300); if(this.type === 2 && this.timer < 0){ translate(2000, 0); } rotate(atan2(this.y - 300, this.x - 300)); translate((Math.sqrt(((this.x - 300) * (this.x - 300)) + ((this.y - 300) * (this.y - 300)))), 0); noStroke(); fill(0, 0, 0, (this.trans / 20 > 1 ? this.trans / 20 : 1)); quad(0, -this.r, 0, this.r, 600, this.r + (5000 / dist(this.x, this.y, 300, 300)), 600, -this.r - (5000 / dist(this.x, this.y, 300, 300))); popMatrix(); // Draw the circle / spikeball / circle with face, depending on the type if(this.type === 0 \|\| this.type === 4){ noStroke(); (fill)(this.color, this.trans); ellipse(this.x, this.y, this.r * 2, this.r * 2); } if(this.type === 1){ this.timer ++; pushMatrix(); translate(this.x, this.y); scale(this.r / 20 + (sin(frameCount10)/10)); rotate(this.rot + sin(frameCount10)30); noFill(); (stroke)(255, this.trans); strokeWeight(3); ellipse(0, 0, 1.9 20, 1.9 * 20); strokeWeight(1.6 * 20); point(0, 0); fill(26, 178, 181); textSize(15); text('+' + this.value, 0 ,0); popMatrix(); } if(this.type === 2 \|\| this.type === 3){ this.timer ++; pushMatrix(); translate(this.x, this.y); rotate(this.rot); noStroke(); if(this.timer > 0){ fill(33); ellipse(0, 0, this.r * 2, this.r * 2); if(this.r > 10){ for(var i = 0; i < 360; i += 360 / this.r * 2){ pushMatrix(); rotate(i); triangle(10, -this.r * 0.9, -10, -this.r * 0.9, 0, -this.r * 1.3); popMatrix(); } } } else { fill(0, 0, 0, 60); ellipse(0, 0, this.destR * 2, this.destR * 2); fill(255); textSize(this.destR); text('!', 0, 0); } popMatrix(); } if(this.collected){ if(this.type === 1){ this.r = 1.04; } else { this.r /= 1.1; } this.rot = 2; this.trans /= 1.1; } if(this.timer > 250){ this.r /= 1.1; this.trans /= 1.1; } else if (this.timer > 0) { this.r += (this.destR - this.r) / 50; } if(this.type === 4){ pushMatrix(); translate(this.x, this.y); scale(0.7); noStroke(); fill(36, 36, 36, this.trans); if(this.r === 40){ scale(0.85); arc(40, 0, 20, 20, 0, 180); arc(-40, 0, 20, 20, 0, 180); } ellipse(30, 10, 20, 20); ellipse(-30, 10, 20, 20); if (this.r === 60) { beginShape(); vertex(0, 25); bezierVertex(30, 7, 31, 43, 65, 29); bezierVertex(44, 80, -14, 56, 0, 25); bezierVertex(15, 56, -44, 80, -65, 29); bezierVertex(-31, 43, -30, 7, 0, 25); endShape(); this.trans += (255 - this.trans) / 100; } if(game.shake > 0){ arc(0, 25, 30, 30, -180, 0); rect(0, 29, 30, 10); } else if (this.r !== 60){ noFill(); stroke(36, 36, 36, this.trans); strokeWeight(3); arc(0, 17, 30, 19, 33, 145); } popMatrix(); } // Move to the left or right, up or down this.x += this.xvel; this.y += this.yvel; }; ball.prototype.check = function() { // Check if a ball is hitting another ball for(var i = balls.length - 1; i >= 0; i --){ if((dist(this.x, this.y, balls[i].x, balls[i].y) < (this.r + balls[i].r)) && balls[i].i !== this.i && balls[i].trans > 200){ explosions.push(new explosion( (((this.x * balls[i].r) + (balls[i].x * this.r)) / (this.r + balls[i].r)), (((this.y * balls[i].r) + (balls[i].y * this.r)) / (this.r + balls[i].r)) )); this.xvel = (this.xvel / 2)-(balls[i].x - this.x) / 50; this.yvel = (this.yvel / 2)-(balls[i].y - this.y) / 50; } } // Check if tom or his friends are hitting a bonus, or a spike if(this.type === 4){ for(var i = coins.length - 1; i >= 0; i --){ if(dist(this.x, this.y, coins[i].x, coins[i].y) < (this.r + coins[i].r) && !coins[i].collected){ if(coins[i].type === 1){ game.points += coins[i].value; coins[i].collected = true; } else if (coins[i].timer > 5){ game.shake = 1; if(this.r === 60){ game.timLives --; } else if (this.r === 40){ game.tabbyLives --; } else { game.lives --; } coins[i].collected = true; this.xvel = (this.xvel)-(coins[i].x - this.x) / 30; this.yvel = (this.yvel)-(coins[i].y - this.y) / 30; } } } } else { // Check if a ball is hitting a spike for(var i = coins.length - 1; i >= 0; i --){ if(dist(this.x, this.y, coins[i].x, coins[i].y) < (this.r + coins[i].r) && !coins[i].collected){ if (coins[i].r > 5 && (coins[i].type === 2 \|\| coins[i].type === 3)){ this.xvel = (this.xvel)-(coins[i].x - this.x) / 30; this.yvel = (this.yvel)-(coins[i].y - this.y) / 30; } } } } }; ball.prototype.checkWalls = function(){ // Check if tom or friends is hitting a wall if(this.x + this.r > width \|\| this.x - this.r < 0){ this.xvel = -this.xvel * 1.5; game.shake = 1; if(this.r === 60){ game.timLives --; } else if (this.r === 40){ game.tabbyLives --; } else { game.lives --; } } if(this.y + this.r > width \|\| this.y - this.r < 0){ this.yvel = -this.yvel * 1.5; game.shake = 1; if(this.r === 60){ game.timLives --; } else if (this.r === 40){ game.tabbyLives --; } else { game.lives --; } } }; /* Game scene / var Game = function(){ this.timer = 0; this.started = false; this.shake = 0; this.points = 0; this.lives = 3; this.timLives = 3; this.tabbyLives = 3; this.addedTim = false; this.addedTabby = false; }; Game.prototype.draw = function() { if(this.timer % 300 === 0 && this.started){ coins.push(new ball(random(50, 350), random(50, 350), 0, 0, 1)); } if(this.timer % 400 === 0 && this.started){ coins.push(new ball(random(50, 350), random(50, 350), 0, 0, 2)); } if(this.timer % 300 === 0 && this.timer > 500){ coins.push(new ball(0, 0, 0, 0, 3)); if(!achievements[3].unlocked){ Achievements.push(new Achievement(3)); } } if(this.timer > 1500 && !this.addedTim){ balls.push(new ball(width / 2, height / 2, 0, 0, 4, 60)); this.addedTim = true; if(!achievements[4].unlocked){ Achievements.push(new Achievement(4)); } } if(this.timer > 3000 && !this.addedTabby){ balls.push(new ball(width / 4, height / 2, 0, 0, 4, 40)); this.addedTabby = true; if(!achievements[6].unlocked){ Achievements.push(new Achievement(6)); } } pushMatrix(); stroke(255, 255, 255, 50); if(mouseIsPressed){ for(var i = 0; i < 5; i ++){ strokeWeight(10 + sin((i50)+this.timer10)10); point(drag.x - (drag.x-mouseX)(i/4), drag.y - (drag.y-mouseY)(i/4)); } } for(var i = coins.length - 1; i >= 0; i --){ coins[i].draw(); if(coins[i].trans < 10){ coins.splice(i, 1); } } for(var i = balls.length - 1; i >= 0; i --){ balls[i].i = i; balls[i].draw(); } for(var i = balls.length - 1; i >= 0; i --){ if(balls[i].trans > 200){ balls[i].check(); if(balls[i].type === 4){ balls[i].checkWalls(); } } if(balls[i].x > width + 200 \|\| balls[i].x < -200 \|\| balls[i].y > height + 200 \|\| balls[i].y < -200){ balls.splice(i, 1); } } for(var i = explosions.length - 1; i >= 0; i --){ explosions[i].draw(); if(explosions[i].trans < 3){ explosions.splice(i, 1); } } if(this.shake > 0){ this.shake ++; noStroke(); fill(255, 0, 0, random(150)); rect(width / 2, height / 2, width, height); if(this.shake > 10){ this.shake = 0; } } fill(255); textSize(23); textAlign(LEFT, CENTER); text('tom has ' + this.points.toFixed(0) + ' points\ntom has ' + this.lives + ' out of 3 lives' + (this.addedTim ? '\ntim has ' + this.timLives + ' out of 3 lives' : '') + (this.addedTabby ? '\ntabby has ' + this.tabbyLives + ' out of 3 lives' : ''), 30, 550 - (this.addedTabby ? 30 : (this.addedTim ? 15 : 0))); if(!this.started){ textAlign(CENTER, CENTER); textSize(30); fill(255, 255, 255, 200 + sin(this.timer * 10) * 50); text('fire a ball at tom to begin', width / 2, height / 4); } popMatrix(); if(this.started){ this.points += 0.03; this.timer ++; } if(this.lives < 0 \|\| this.timLives < 0 \|\| this.tabbyLives < 0){ trans.active = true; trans.nextScene = 'Lose'; } if(!this.started && balls[0].xvel !== 0 \|\| balls[0].yvel !== 0){ this.started = true; } // check for point achievements if(this.points > 50 && !achievements[0].unlocked){ Achievements.push(new Achievement(0)); } if(this.points > 100 && !achievements[2].unlocked){ Achievements.push(new Achievement(2)); } if(this.points > 350 && !achievements[5].unlocked){ Achievements.push(new Achievement(5)); } if(this.points > 800 && !achievements[7].unlocked){ Achievements.push(new Achievement(7)); } // }; game = new Game(); /* Button function / var txtButton = function(txt, x, y, w, h, nxt){ this.txt = txt; this.x = x; this.y = y; this.w = w; this.h = h; this.nxt = nxt; this.s = 1; this.glow = false; this.glowPower = 30; this.glowDistance = 0; }; txtButton.prototype.draw = 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){ mouse.overButton = true; if(mouse.clicked){ trans.active = true; trans.nextScene = this.nxt; if(this.nxt === 'Game'){ game = new Game(); explosions = []; coins = []; balls = []; balls.push(new ball(width / 2, height / 2, 0, 0, 4, 50)); } mouse.clicked = false; } if(mouseIsPressed){ this.s += (0.8 - this.s) / 3; } else { this.s += (1 - this.s) / 7; } this.glow = true; if(this.glow){ this.glowDistance += (5 - this.glowDistance) / 5; } } else if (this.glow){ this.glowDistance += (50 - this.glowDistance) / 5; this.glowPower /= 1.1; if(this.glowPower < 10){ this.glow = false; this.glowPower = 30; this.glowDistance = 0; } } pushMatrix(); translate(this.x, this.y); scale(this.s); rectMode(CENTER); noStroke(); fill(0); if(this.glow){ fill(255, 255, 255, this.glowPower); for(var i = 0; i < 360; i += 30){ text(this.txt, sin(i) this.glowDistance, cos(i) * this.glowDistance); } } fill(255); text(this.txt, 0, 0); popMatrix(); }; var buttons = [ [ new txtButton('start', width / 2, height / 1.32, 105, 30, 'Game'), new txtButton('instructions', width / 2, height / 1.21, 200, 30, 'How'), new txtButton('achievements', width / 2, height / 1.12, 220, 30, 'Achievements'), ], new txtButton('let\'s go', width / 1.25, height / 1.1, 150, 45, 'Game'), new txtButton('resurrect tom and try again', width / 2, height / 1.25, 420, 50, 'Game'), new txtButton('return', width / 5.5, height / 1.1, 150, 45, 'Menu'), new txtButton('return', width / 2, height / 1.08, 150, 45, 'Menu'), new txtButton('return to menu', width / 2, height / 1.14, 150, 45, 'Menu'), ]; /** Draw function / draw = function() { / Draw background / textAlign(CENTER, CENTER); background((mouseIsPressed && scene === 'Menu' && dist(mouseX, mouseY, width / 2, height / 3) < 75 (width / 400)) ? color (44, 189, 63) : color(20, 154, 181)); pushMatrix(); scale(width / 400); noStroke(); fill(255, 255, 255, 20); for(var i = 0; i < 400; i += 40){ myShape(200, 200, i/1.5, round(i/40), i - (frameCount/5)); } popMatrix(); /* Draw scenes / if(scene === 'Logo'){ for(var i = 0; i < 360; i += 24){ for(var j = 0; j < 360; j += 61){ pushMatrix(); noStroke(); translate(300, 300); rotate(frameCount2); rotate(i); fill(255, 255, 255, -j + 100); arc(0, -325 + j, 100, 77, -307, 16); popMatrix(); } } logo(width / 2, height / 2, 1.5 + sin(frameCount20)/40); if(frameCount > 100 \|\| mouse.clicked){ trans.active = true; trans.nextScene = 'Menu'; } } if(scene === 'Menu'){ pushMatrix(); translate(width / 2, height / 3.5); scale(width / 400); if(mouseIsPressed && dist(mouseX, mouseY, width / 2, height / 3) < 75 (width / 400)){ scale(0.95); if(!achievements[1].unlocked){ Achievements.push(new Achievement(1)); } } noStroke(); fill(255, 255, 255); ellipse(0, 0, 150, 150); fill(36, 36, 36); if(!(mouseIsPressed && dist(mouseX, mouseY, width / 2, height / 3) < 75 * (width / 400))){ ellipse(30, 10, 20, 20); ellipse(-30, 10, 20, 20); } noFill(); stroke(36); strokeWeight(3); if(dist(mouseX, mouseY, width / 2, height / 3) < 75 * (width / 400)){ mouse.overButton = true; if(mouseIsPressed){ arc(-30, 13, 15, 25, -175, 0); arc(30, 13, 15, 25, -175, 0); } } arc(0, 17, 30, 19, 33, 145); popMatrix(); fill(255); textSize(50 * (width / 400)); text('this is tom', width / 2, height / 1.7); textSize(15 * (width / 400)); text('a deceptively simple game', width / 2, height / 1.5); logo(560, 560, 0.2); if(dist(mouseX, mouseY, 560, 560) < 22){ mouse.overButton = true; if(mouse.clicked){ println('Check out Chester\'s profile here:\nhttps://www.khanacademy.org/profile/chesterbanks/'); } } textSize(22 * (width / 400)); for(var i = 0; i < buttons[0].length; i ++){ buttons[0][i].draw(); } } if(scene === 'How'){ pushMatrix(); scale(1.5); pushMatrix(); translate(87, 82); scale(0.5); noStroke(); fill(255, 255, 255); ellipse(0, 0, 150, 150); fill(36, 36, 36); ellipse(30, 10, 20, 20); ellipse(-30, 10, 20, 20); noFill(); stroke(36); strokeWeight(3); arc(0, 17, 30, 19, 33, 145); popMatrix(); textAlign(LEFT, TOP); fill(255); textSize(24); text('this is tom.', 155, 55); textSize(13); text('fire a ball at him by dragging the mouse.\n\ndon\'t let him touch the edges of screen, he\'s allergic to them.\n\nkeep him away from the spiked balls.\n\nmake him collide with point bonuses, they bring him happiness\n\nif you stick around long enough his friends will join - treat them the same way', 40, 145, 325, 400); pushMatrix(); translate(0, 4); stroke(255); noFill(); bezier(180, 86, 206, 113, 176, 129, 131, 109); line(129, 107, 143, 105); line(129, 108, 133, 121); popMatrix(); popMatrix(); textAlign(CENTER, CENTER); textSize(38); buttons[1].draw(); buttons[3].draw(); } if(scene === 'Achievements'){ fill(255); textSize(70); textAlign(CENTER, CENTER); text('achievements', 300, 60); textSize(16); text('[ hover over a snapshot to get a closer look ]', 300, 102); for(var i = 0; i < achievements.length; i ++){ textAlign(LEFT, CENTER); rectMode(CENTER); pushMatrix(); translate(100, 150 + i * 50); fill(0, 0, 0, 40); if(achievements[i].unlocked){ fill(255); } rect(200, 0, 400, 40, 5); fill(255); rect(15, 0, 46, 46); fill(achievements[i].unlocked ? 36 : 255); textSize(20); text(achievements[i].name+ ' \|', 55, 0); var plusX = textWidth(achievements[i].name); pushStyle(); textFont(createFont('Work Sans Italic')); textSize(13); text(achievements[i].desc, 75 + plusX, 0); popStyle(); if(achievements[i].img === undefined){ fill(0, 0, 0, 40); textSize(40); text('x', 4, -4); } else { imageMode(CENTER); image(achievements[i].img, 15, 0, 40, 40); } popMatrix(); } for(var i = 0; i < achievements.length; i ++){ rectMode(CENTER); if(mouseX > 95 && mouseX < 135 && mouseY > 130 + i * 50 && mouseY < 170 + i * 50 && achievements[i].img !== undefined){ fill(5, 5, 5, 30); rect(120, 160 + i * 50, 190, 190); fill(255); rect(115, 150 + i * 50, 190, 190); image(achievements[i].img, 115, 150 + i * 50, 180, 180); } } textAlign(CENTER, CENTER); buttons[4].draw(); } if(scene === 'Game'){ game.draw(); } if(scene === 'Lose'){ pushMatrix(); scale(1.5); pushMatrix(); translate(200, 120); scale(1); noStroke(); fill(255, 255, 255); ellipse(0, 0, 150, 150); fill(36, 36, 36); ellipse(30, 10, 20, 20); ellipse(-30, 10, 20, 20); noFill(); stroke(36); strokeWeight(3); arc(0, 30, 30, -19, 33, 145); popMatrix(); //textAlign(LEFT, TOP); fill(255); textSize(24); text('you lost with ' + game.points.toFixed(0) + ' points', 200, 240); textSize(13); text('that\'s something i guess', 200, 264); popMatrix(); textAlign(CENTER, CENTER); textSize(35); buttons[2].draw(); buttons[5].draw(); } /* Draw achievement notifs / for(var i = 0; i < Achievements.length; i ++){ Achievements[i].draw(); if(Achievements[i].y < -10){ Achievements.splice(i, 1); } } / Draw transitions / if(trans.active){ noStroke(); if(!trans.out){ fill(255, 255, 255, 255 - (trans.sz / 5)); for(var i = 1; i < 10; i ++){ ellipse(300, 300, (1500 - trans.sz) / i, (1500 - trans.sz) / i); } if(trans.sz < 50){ scene = trans.nextScene; trans.sz = 1500; trans.out = true; } } else { fill(255, 255, 255, trans.sz / 5); for(var i = 1; i < 10; i ++){ ellipse(300, 300, trans.sz / i, trans.sz / i); } if(trans.sz < 10){ trans.active = false; trans.sz = 1500; trans.out = false; } } trans.sz /= 1.2; } / Define cursor / cursor(mouse.overButton ? 'pointer' : 'default'); / Reset mouse properties / mouse.overButton = false; mouse.clicked = false; }; /* Processing functions */ mouseClicked = function(){ mouse.clicked = true; }; mousePressed = function(){ if(scene === 'Game'){ drag.x = mouseX; drag.y = mouseY; } }; mouseReleased = function(){ if(scene === 'Game'){ balls.push(new ball(mouseX, mouseY, (drag.x - mouseX) / 2, (drag.y - mouseY) / 2, 0)); } };
Folds	59,62,65,75,80,85,89,98,101,106,107,138,144,205,208,218,221,231,232,248,253,303,308,440,441,489,490,516,519,529,530,650,654,667,668,720,721,734,752,772,773,823,824,863,864,920,921,923,924,954,957,962,965,990,1001,1003,1004,1009,1010,1014
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgObe2ePlCgw
Votes	261
Spin-Offs	11
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Chester Banks
Author Name	chesterbanks
Author ID	kaid_910220310264858588057640
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739453261966
Updated	6 months ago, 1739453269033
Source Deleted	unknown