Viewing Program

Program Data

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

Title	fragmenterz.
ID	5010753484177408
Created	5 years ago, 1606144999055
Updated	3 years ago, 1670095415378
Code	// fragmenterz. - my thirty-eighth game! // Started 11/4/2020 // Finished 11/4/2020 // Released 11/23/2020 / Leaderboard: I'll be taking high scores for the first week only (11/23/2020-11/30/2020)! About: Just a little minigame based on my game Chromatic Quadrilaterals! Instructions: Click the fragmenters to make them explode. Don't let them reach the opposite side! Destroy multiple fragmenters with one click for bonus points! / smooth(); size(600, 600, P2D); var playing = false; var out = false; function getScore (name, score) { return { name : name, score : score, get style () { return "] " + this.name + " :: " + this.score; } }; } var topScores = [ getScore("falcons11", 116), getScore("cosmic", 105), getScore("timo time12", 102), getScore("programming king", 126), getScore("cowboysfan232", 111) ].sort(function(a, b) { return b.score - a.score; }); var lives = 3; var score = 0; var highScore = 0; var scoreShade = 0.2; var shake = 0; var timer = 0; var startTime = 120; var click; var c1 = color(50, 50, 50); var c2 = color(255, 255, 255); var c3 = color(140, 200, 150); var font = createFont("monospace", 35); var smallFont = createFont("monospace", 25); var headerFont = createFont("FreeSans Bold", 80); var bigFont = createFont("FreeSans Bold", 450); var particles = [], mobs = [], txts = []; var counter = 0; var playButton, scoresButton, backButton; function smth (pos, dest, div) { return (dest - pos) / div; } function slide (start, stop, slide, direc) { return { start : start, stop : stop, slide : slide, direc : direc, swap : function(newDirec) { this.direc = Math.abs(this.direc) * newDirec; }, opposite : function() { this.direc = -1; }, move : function() { this.slide = constrain(this.slide + this.direc, 0, 1); }, get moveAmt () { return lerp(this.start, this.stop, (cos(this.slide 180 + 180) + 1) / 2); } }; } var menuAnim = { slide : slide(0, 150, 0, -0.02), scene : slide(0, 600, 0, -0.015), logo : slide(600, 0, 0, -0.015), logoTime : 270 }; var border = { w : slide(500, 580, 0, -0.01), h : slide(72, 580, 0, -0.01) }; var ground = { x : 50, y : 900, w : 500, h : 70, movement : slide(900, 400, 0, -0.01), move : function() { this.movement.move(); this.y = this.movement.moveAmt; } }; var header = { chars : "fragmenterz.", pos : [], w : 0, curX : 0, lookingAt : 0, moving : false, timer : 0, init : function() { textFont(headerFont); this.w = 0; for (var i = 0; i < this.chars.length; i++) { this.w += textWidth(this.chars.charAt(i)) * 1.011; } this.curX = 0; for (var i = 0; i < this.chars.length; i++) { this.pos.push({x : width / 2 - this.w / 2 + this.curX + 3, y : slide(291, 200, 0, -0.02)}); this.curX += textWidth(this.chars.charAt(i)) * 1.011; } }, reset : function() { this.timer = 0; this.lookingAt = 0; this.moving = true; }, move : function() { if (!this.moving) { return; } if (this.timer % 5 === 0) { if (this.lookingAt < this.pos.length) { this.pos[this.lookingAt].y.opposite(); } this.lookingAt ++; } this.timer ++; for (var i = 0; i < this.pos.length; i++) { this.pos[i].y.move(); } if (this.pos[this.pos.length - 1].y.slide === 1 && this.pos[0].y.direc > 0 \|\| this.pos[this.pos.length - 1].y.slide === 0 && this.pos[0].y.direc < 0) { this.moving = false; } }, display : function() { textAlign(LEFT, CENTER); fill(c2); textFont(headerFont); for (var i = 0; i < this.chars.length; i++) { text(this.chars.charAt(i), this.pos[i].x, this.pos[i].y.moveAmt + 9); } } }; header.init(); function greenGhostLogo (x, y, size) { noStroke(); fill(c3); pushMatrix(); translate(x, y); scale(size / 600, size / 600); translate(0, -270); beginShape(); vertex(-270, 20); bezierVertex(-600, 250, -700, 600, -50, 600); vertex(-125, 400); vertex(-255, 480); bezierVertex(-305, 430, -395, 280, -205, 180); endShape(); beginShape(); vertex(270, 20); bezierVertex(600, 250, 700, 600, 50, 600); vertex(125, 400); vertex(255, 480); bezierVertex(305, 430, 395, 280, 205, 180); endShape(); beginShape(); vertex(0, 600); vertex(225, 0); bezierVertex(90, -80, -90, -80, -225, 0); endShape(); popMatrix(); } function pent (x, y, w, h, r) { noStroke(); pushMatrix(); translate(x, y); rotate(r); beginShape(); vertex(0, -h / 2); vertex(w / 2, -h / 4); vertex(w / 2, h / 2); vertex(-w / 2, h / 2); vertex(-w / 2, -h / 4); endShape(); popMatrix(); } function particle(x, y) { return { x : x, y : y, xMove : random(-3, 3), yMove : random(-7), grav : 0.3, sz : random(15, 30), opac : random(150, 200), clr : lerpColor(c3, c2, random(0.5)), v2 : false, move : function() { this.yMove += this.grav; this.x += this.xMove; this.y += this.yMove; this.opac -= 2; if (this.v2) { this.sz -= 2; } }, collide : function(rectangle) { return dist(constrain(this.x, rectangle.x, rectangle.x + rectangle.w), constrain(this.y, rectangle.y, rectangle.y + rectangle.h), this.x, this.y) < this.sz / 2; }, display : function() { if (this.v2) { noFill(); strokeWeight(3); stroke(this.clr, this.opac); } else { noStroke(); fill(this.clr, this.opac); } ellipse(this.x, this.y, this.sz, this.sz); } }; } function fragmenter (x, y, size, c) { pushMatrix(); translate(x, y); strokeJoin(MITER); strokeCap(SQUARE); fill(c); noStroke(); beginShape(); vertex(size / 3 * 2, 0); vertex(0, 0); vertex(0, size); vertex(size, size); vertex(size, size / 4); vertex(size / 6 * 5, size / 4); vertex(size / 6 * 5, size / 6); vertex(size / 3 * 2, size / 6); endShape(); noFill(); beginShape(); vertex(size / 3 * 2, 0); vertex(0, 0); vertex(0, size); vertex(size, size); vertex(size, size / 4); endShape(); fill(c1); ellipse(size / 10 * 3, size / 10 * 3, size / 7, size / 7); ellipse(size / 10 * 7, size / 3, size / 5, size / 5); fill(0, 0, 0); pushMatrix(); translate(0, size / 30); beginShape(); vertex(size / 10 * 3, size / 5 * 3); bezierVertex(size / 10 * 3, size / 2, size / 10 * 7, size / 2, size / 10 * 7, size / 3 * 2); bezierVertex(size / 10 * 7, size / 5 * 4, size / 11 * 6, size / 3 * 2, size / 2, size / 3 * 2); bezierVertex(size / 5 * 2, size / 3 * 1.9, size / 10 * 3, size / 4 * 3, size / 10 * 3, size / 5 * 3); endShape(); fill(c2); rect(size / 3, size / 1.9, size / 12, size / 10, 0, 0, size / 5, size / 5); rect(size / 2, size / 1.9, size / 12, size / 10, 0, 0, size / 5, size / 5); rect(size / 1.64, size / 1.85, size / 12, size / 10, 0, 0, size / 5, size / 5); noFill(); strokeWeight(size / 20); stroke(c); beginShape(); vertex(size / 11 * 3, size / 5 * 3); bezierVertex(size / 10 * 3, size / 2.2, size / 10 * 7, size / 2.2, size / 9 * 7, size / 3 * 2); endShape(); noStroke(); popMatrix(); fill(c); rect(size / 5, size / 5, size / 5 * 3, size / 12); popMatrix(); } function heart (x, y, sz) { pushMatrix(); translate(x, y); scale(sz / 100); rotate(45); rect(0, -15, 20, 35, 7, 7, 0, 0); rect(-15, 0, 35, 20, 7, 0, 0, 7); popMatrix(); } function mob (x, y, d) { return { x : x, y : y, sz : random(40, 80), jump : -random(5, 12), grav : 0.3, d : d, speed : 3, timer : 0, goal : random(10, 60), dead : false, shade : constrain(random(0.4) - 0.2, 0, 1), move : function() { this.jump += this.grav; this.x += this.d * this.speed; this.y += this.jump; if (this.x + this.sz / 2 > ground.x && this.x - this.sz / 2 < ground.x + ground.w && this.y - this.sz / 2 < ground.y + ground.h && this.y + this.sz / 2 > ground.y) { this.y = ground.y - this.sz / 2; this.jump = 0; this.timer ++; if (this.timer > this.goal) { this.timer = 0; this.goal = random(10, 60); this.jump = -random(7, 15); } } if ((this.d === 1 && this.x > width + this.sz / 2) \|\| (this.d === -1 && this.x < -this.sz / 2)) { this.dead = true; } }, display : function() { pushMatrix(); translate(this.x, this.y); scale(-this.d, 1); fill(lerpColor(c3, c1, this.shade), 40 + sin(frameCount * 2.5) * 40); pushMatrix(); translate(this.sz / 3, -this.sz / 2.6 + sin(frameCount * 4 + 30) * 5); rotate(frameCount * 4 - 20); rect(-this.sz / 8, -this.sz / 8, this.sz / 4, this.sz / 4); popMatrix(); fill(lerpColor(c3, c1, this.shade), 30 + sin(frameCount * 1.5) * 40); pushMatrix(); translate(this.sz / 2, -this.sz / 2.2 + sin(frameCount * 3) * 5); rotate(frameCount * 5); rect(-this.sz / 10, -this.sz / 10, this.sz / 5, this.sz / 5); popMatrix(); fragmenter (-this.sz / 2, -this.sz / 2, this.sz, lerpColor(c3, c1, this.shade)); popMatrix(); }, collideMouse : function () { return Math.abs(this.x - mouseX) < this.sz / 2 && Math.abs(this.y - mouseY) < this.sz / 2; } }; } function txt (x, y, chars) { return { x : x, y : y, chars : chars, r : 0, rTo : (width / 2 - x) / 8, sz : 1, dead : false, move : function() { this.r += smth(this.r, this.rTo, 10); if (Math.abs(this.r - this.rTo) < 0.01) { this.sz -= 0.1; } this.dead = this.sz < 0; }, display : function() { fill(c2, map(this.r, 0, this.rTo, 0, 255)); textFont(smallFont); textAlign(CENTER, CENTER); pushMatrix(); translate(this.x, this.y); scale(this.sz); rotate(this.r); text(this.chars, 0, 0); popMatrix(); } }; } function button (x, y, w, h, txt, func) { return { x : x, y : y, w : w, h : h, txt : txt, func : func, anim : 0, check : function(plusX, plusY) { var x2 = Math.abs(mouseX - (this.x + plusX)) / this.w * this.h; var x3 = this.h - x2; var plus = mouseY - (this.y + plusY) + this.h / 2; this.over = false; if ((mouseX > x + plusX - w / 2 && mouseX < x + plusX + w / 2) && ((x2 < plus && mouseY <= y) \|\| (x3 > plus && mouseY > y))) { this.anim += smth(this.anim, 0.2, 10); if (click) { this.func(); } } else { this.anim += smth(this.anim, 0, 10); } }, display : function(plus) { noStroke(); fill(c1); quad(this.x - this.w / 2, this.y + plus - 5, this.x, this.y + this.h / 2 + plus - 5, this.x + this.w / 2, this.y + plus - 5, this.x, this.y - this.h / 2 + plus - 5); quad(this.x - this.w / 2, this.y + plus + 5, this.x, this.y + this.h / 2 + plus + 5, this.x + this.w / 2, this.y + plus + 5, this.x, this.y - this.h / 2 + plus + 5); fill(lerpColor(c3, c1, this.anim)); quad(this.x - this.w / 2, this.y + plus, this.x, this.y + this.h / 2 + plus, this.x + this.w / 2, this.y + plus, this.x, this.y - this.h / 2 + plus); fill(c2); textAlign(CENTER, CENTER); textFont(font); text(this.txt, this.x, this.y - 5 + plus); } }; } playButton = button(300, 495, 200, 120, "play", function() { score = 0; lives = 3; playing = true; border.w.swap(1); border.h.swap(1); ground.movement.swap(1); menuAnim.slide.swap(1); header.reset(); timer = 0; startTime = 120; particles = []; mobs = []; txts = []; }); scoresButton = button(300, 105, 200, 120, "scores", function() { menuAnim.scene.swap(1); }); backButton = button(100, -100, 150, 100, "back", function() { menuAnim.scene.swap(-1); }); function main() { // Move if (shake > 0) { shake --; } scoreShade += smth(scoreShade, 0.2, 15); menuAnim.logoTime --; if (menuAnim.logoTime <= 0 \|\| click) { menuAnim.logo.swap(1); } menuAnim.scene.move(); header.move(); border.w.move(); border.h.move(); ground.move(); menuAnim.slide.move(); menuAnim.logo.move(); for (var i = particles.length - 1; i >= 0; i--) { particles[i].move(); if (particles[i].collide(ground)) { particles[i].y = ground.y - particles[i].sz / 2; particles[i].yMove = -1 / 2; particles[i].v2 = true; } if (particles[i].opac <= 0) { particles.splice(i, 1); } } for (var i = txts.length - 1; i >= 0; i--) { txts[i].move(); if (txts[i].dead) { txts.splice(i, 1); } } if (playing) { if (ground.y === 400) { timer --; } if (timer < 0) { timer = startTime; startTime = Math.max(startTime - 1, 10); if (~~random(2) === 0) { mobs.push(mob(-100, random(300), 1)); } else { mobs.push(mob(700, random(300), -1)); } } counter = 0; for (var i = mobs.length - 1; i >= 0; i--) { mobs[i].move(); if (click && mobs[i].collideMouse() \|\| mobs[i].dead) { if (!mobs[i].dead) { counter ++; score ++; scoreShade = 0.4; shake = 10; for (var j = 0; j < 20; j++) { particles.push(particle(mobs[i].x, mobs[i].y)); } } else { lives --; if (lives > 0) { shake = 20; txts.push(txt(mobs[i].x > 300 ? 540 : 60, constrain(mobs[i].y, 50, 370), "farce!")); } else { shake = 30; } } mobs.splice(i, 1); } } if (counter > 1) { score += counter; txts.push(txt(mouseX, constrain(mouseY - 30, 50, 370), "x" + counter)); } if (lives <= 0) { highScore = Math.max(score, highScore); playing = false; border.w.swap(-1); border.h.swap(-1); menuAnim.slide.swap(-1); ground.movement.swap(-1); header.reset(); for (var i = mobs.length - 1; i >= 0; i--) { for (var j = 0; j < 20; j++) { particles.push(particle(mobs[i].x, mobs[i].y)); } mobs.splice(i, 1); } } } else { playButton.check(menuAnim.logo.moveAmt, menuAnim.slide.moveAmt 3 + menuAnim.scene.moveAmt); scoresButton.check(menuAnim.logo.moveAmt, -menuAnim.slide.moveAmt * 3 + menuAnim.scene.moveAmt); if (menuAnim.scene.slide > 0) { backButton.check(0, menuAnim.scene.moveAmt); } } click = false; // Draw background(c1); pushMatrix(); translate(menuAnim.logo.moveAmt, 0); if (menuAnim.logo.slide < 1) { noStroke(); fill(c2, 15); quad(-600, -30, -600, 80, -200, 800, 0, 600); triangle(-500, 0, -300, 0, -50, 350); fill(c1); ellipse(-300, 300, 300 + sin(frameCount * 6) * 10, 243 + sin(frameCount * 6) * 10); greenGhostLogo(-300, 300, 220 + sin(frameCount * 6) * 10); textFont(font); textAlign(CENTER, CENTER); fill(c2, 200 + sin(frameCount * 6) * 55); text(":: green ghost ::", -300, 80); text(":: presents. ::", -300, 510); } if (menuAnim.scene.slide < 1) { pushMatrix(); translate(random(-shake, shake), random(-shake, shake) + menuAnim.scene.moveAmt); header.display(); noStroke(); fill(c1); rect(0, 0, width, height / 2.25); fill(lerpColor(c1, c2, scoreShade)); textFont(bigFont); textAlign(CENTER, CENTER); text(score, ground.x + ground.w / 2, ground.y - 160); noStroke(); fill(c1, map(ground.y, 900, 400, 0, 50)); quad(0, -50, -50, 50, 550, 750, 650, 550); noStroke(); fill(c2); rect(ground.x, ground.y, ground.w, ground.h); pent(ground.x + 75, ground.y + ground.h + 25, 25, 50, 180); pent(ground.x + 145, ground.y + ground.h + 50, 50, 100, 180); pent(ground.x + 340, ground.y + ground.h + 40, 40, 80, 180); for (var i = mobs.length - 1; i >= 0; i--) { mobs[i].display(); } for (var i = particles.length - 1; i >= 0; i--) { particles[i].display(); } for (var i = txts.length - 1; i >= 0; i--) { txts[i].display(); } noFill(); stroke(c2); strokeWeight(5); rect(width / 2 - border.w.moveAmt / 2, height / 2 - border.h.moveAmt / 2, border.w.moveAmt, border.h.moveAmt); fill(c1); noStroke(); for (var i = 0; i < lives; i++) { heart(ground.x + ground.w / 2 + (i - (lives - 1) / 2) * 60, ground.y + ground.h / 2 - 8, 100); } if (menuAnim.slide.slide < 1) { noStroke(); pushMatrix(); translate(0, menuAnim.slide.moveAmt); fill(c3, 255 - menuAnim.slide.moveAmt * 1.7); beginShape(); vertex(50, 470); vertex(80, 500); vertex(520, 500); vertex(550, 470); vertex(550, 550); vertex(50, 550); endShape(); fill(c1, 50 - menuAnim.slide.moveAmt / 3); triangle(100, 525, 200, 525, 150, 450); triangle(400, 525, 500, 525, 450, 450); fill(c3, 50 - menuAnim.slide.moveAmt / 3); triangle(130, 475, 190, 475, 160, 425); triangle(410, 475, 470, 475, 440, 425); if (highScore > 0) { fill(c2, 255 - menuAnim.slide.moveAmt * 1.7); textFont(font); textAlign(CENTER, CENTER); text("Your high score :: " + highScore, 300, 570); } popMatrix(); pushMatrix(); translate(0, -menuAnim.slide.moveAmt); fill(c3, 255 - menuAnim.slide.moveAmt * 1.7); beginShape(); vertex(50, 130); vertex(80, 100); vertex(520, 100); vertex(550, 130); vertex(550, 50); vertex(50, 50); endShape(); fill(c1, 50 - menuAnim.slide.moveAmt / 3); triangle(100, 75, 200, 75, 150, 150); triangle(400, 75, 500, 75, 450, 150); fill(c3, 50 - menuAnim.slide.moveAmt / 3); triangle(130, 125, 190, 125, 160, 175); triangle(410, 125, 470, 125, 440, 175); fill(c2, 255 - menuAnim.slide.moveAmt * 1.7); textFont(smallFont); textAlign(LEFT, TOP); text(":: GG ::", 55, 48); textAlign(RIGHT, TOP); text(":: 2020 ::", 545, 48); popMatrix(); playButton.display(menuAnim.slide.moveAmt * 3); scoresButton.display(-menuAnim.slide.moveAmt * 3); } popMatrix(); } if (menuAnim.scene.slide > 0) { backButton.display(menuAnim.scene.moveAmt); pushMatrix(); translate(0, menuAnim.scene.moveAmt - 600); textFont(headerFont); textAlign(CENTER, CENTER); text("high scores.", 300, 80); textAlign(LEFT, CENTER); textFont(smallFont); for (var i = 0; i < topScores.length; i++) { text((i + 1) + topScores[i].style, 120 + (i - topScores.length / 2 + 0.5) * 20, 190 + i * 60); } popMatrix(); } popMatrix(); } draw = function() { main(); if (!out) { cursor("none"); strokeWeight(6); stroke(c2); line(pmouseX, pmouseY, mouseX, mouseY); } }; function mouseClicked () { click = true; } function mouseOut() { out = true; } function mouseOver() { out = false; }
Folds	20,28,29,34,35,37,64,66,68,84,86,91,93,96,98,108,110,158,161,188,190,203,205,241,243,297,299,307,309,364,366,393,395,434,436,451,453,455,457,459,461,723,725,734,736,738,740,742,744,746
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgO2rj6jzCAw
Votes	205
Spin-Offs	5
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Green Ghost
Author Name	GreenGhost1
Author ID	kaid_145655330786057731504264
Author Profile Access	PUBLIC

Archive Data

Added	11 months ago, 1735689211860
Updated	10 months ago, 1739373246057
Source Deleted	unknown