Viewing Program

Program Data

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

Title	Avoid the Black [MOBILE]
ID	5202309171134464
Created	5 years ago, 1580785509327
Updated	5 years ago, 1580950893961
Code	/** * Jentacular Gent * Avoid the Black * * Based off of the mobile game of the same name. * * Press the screen to change direction. * Touch the green dots to temporarily go faster. */ // Distance Squared var sqDist = function(x, y, x2, y2) { return (x2-x)(x2-x) + (y2-y)(y2-y); }; // Rectangle Rectangle var rrCol = function(x, y, w, h, x2, y2, w2, h2) { return x < x2 + w2 && y < y2 + h2 && x > x2 - w && y > y2 - h; }; // Sprites var sprites = { logo: function() { fill(255); noStroke(); rect(0, 50, 100, 150, 0, 0, 5, 5); fill(240); quad(0, 50, 100, 50, 90, 20, 10, 20); fill(230); rect(10, 0, 80, 20, 5, 5, 0, 0); fill(0, 200, 255); rect(0, 100, 100, 50); fill(255); textSize(40); textAlign(CENTER, CENTER); text("JG", 50, 125); return get(0, 0, 100, 200); }, logosans: function() { fill(255); noStroke(); rect(0, 50, 100, 150, 0, 0, 5, 5); fill(240); quad(0, 50, 100, 50, 90, 20, 10, 20); fill(230); rect(10, 0, 80, 20, 5, 5, 0, 0); fill(0, 200, 255); rect(0, 100, 100, 50); return get(0, 0, 100, 200); }, bg: function() { background(230); noStroke(); fill(160); rect(0, 0, width / 5, height); rect(width 4/5, 0, width / 5, height); fill(255); for(var i = 0; i < height; i += 100) { quad(width / 5, i, width / 5, i + 20, 0, i + 100, 0, i + 80); quad(width * 4/5, i, width * 4/5, i + 20, width, i + 100, width, i + 80); } fill(200); for(var i = 0; i < height; i += 100) { rect(width / 5, i, width * 3/5, 20); } fill(0); rect(width / 5 - 10, 0, 10, height); rect(width * 4/5, 0, 10, height); return get(0, 0, width, height); }, init: function(key) { background(0, 0, 0, 0); this[key] = this[key](); }, }; var sn = ['logo', 'logosans', 'bg']; var s = 0; // Constants var SQRT2 = sqrt(2); var d2r = PI/180; // Globals var keys = {}; var keysr = {}; var pressed = false; var shake = 0; var sceneAnim = 1; var scene = "intro"; textFont(createFont("Trebuchet MS")); // Logo variables { var logotx = width / 2; var logoty = height * 0.3; var logoy = 0; var logoyvel = height / 11; var logo = 0; var logoinit = false; // } // Game variables { var score = 0; var pscore = 0; var high = 0; var worldSpeed = 5; var screenshot = get(0, 0, 1, 1); var particles = []; var obstacles = []; var goods = []; // } // Particle var Particle = function(x, y) { particles.push({ x: x, y: y, size: random(10, 20), theta: random(360), dispTheta: random(360), dispThetaAdd: random(-10, 10), vel: random(5, 10), velMult: random(0.95, 0.99), time: random(50), timeAdd: random(3, 5), display: function() { noStroke(); fill(27, 224, 214, 255 - this.time); pushMatrix(); translate(this.x, this.y); rotate(this.dispTheta); rect(-this.size / 2, -this.size / 2, this.size, this.size); popMatrix(); this.x += Math.cos(this.theta * d2r) * this.vel; this.y += Math.sin(this.theta * d2r) * this.vel; this.vel = this.velMult; this.time += this.timeAdd; this.dispTheta += this.dispThetaAdd; }, }); }; // Good Particle var GoodParticle = function(x, y, r, g, b) { particles.push({ x: x, y: y, r: r, g: g, b: b, size: random(5, 10), theta: random(-135, -45), dispTheta: random(360), dispThetaAdd: random(-10, 10), vel: random(1, 5), time: random(50), timeAdd: random(3, 5), display: function() { noStroke(); fill(this.r, this.g, this.b, 255 - this.time); pushMatrix(); translate(this.x, this.y); rotate(this.dispTheta); rect(-this.size / 2, -this.size / 2, this.size, this.size); popMatrix(); this.x += Math.cos(this.theta d2r) * this.vel; this.y += Math.sin(this.theta * d2r) * this.vel; this.time += this.timeAdd; this.dispTheta += this.dispThetaAdd; }, }); }; // Circle var Circle = function() { obstacles.push({ x: width / 2, y: -63, size: random(75, 125), type: "circle", display: function() { noStroke(); fill(0); ellipse(this.x, this.y, this.size, this.size); noFill(); stroke(255); strokeWeight(5); ellipse(this.x, this.y, this.size * 0.75, this.size * 0.75); strokeWeight(2); ellipse(this.x, this.y, this.size * 0.4, this.size * 0.4); if(this.y > height + this.size / 2) { this.dead = true; } } }); }; // Rect var Rect = function() { obstacles.push({ y: -200, width: random(20, 50), x: "um", height: random(100, 200), type: "rect", display: function() { if(this.x === "um") { this.x = random(width / 5, width * 4/5 - this.width); } noStroke(); fill(0); rect(this.x, this.y, this.width, this.height); fill(255); rect(this.x + 5, this.y + 5, this.width - 10, this.height - 10); fill(0); rect(this.x + 10, this.y + 10, this.width - 20, this.height - 20); if(this.y > height) { this.dead = true; } } }); }; // Slider var Slider = function() { obstacles.push({ y: -200, width: random(100, 200), x: "um", height: random(20, 50), type: "rect", display: function() { if(this.x === "um") { this.x = random(width / 5, width * 4/5 - this.width); } noStroke(); fill(0); rect(this.x, this.y, this.width, this.height); fill(255); rect(this.x + 5, this.y + 5, this.width - 10, this.height - 10); fill(0); rect(this.x + 10, this.y + 10, this.width - 20, this.height - 20); if(this.y > height) { this.dead = true; } } }); }; // Diamond var Diamond = function() { obstacles.push({ x: width / 2, y: -200, size: random(75, 125), type: "diamond", display: function() { fill(0); noStroke(); pushMatrix(); translate(this.x, this.y); rotate(45); rect(-this.size / 2, -this.size / 2, this.size, this.size); noFill(); stroke(255); strokeWeight(5); rect(-this.size / 2 + 10, -this.size / 2 + 10, this.size - 20, this.size - 20); strokeWeight(2); rect(-this.size / 2 + 20, -this.size / 2 + 20, this.size - 40, this.size - 40); popMatrix(); if(this.y > height + this.size) { this.dead = true; } } }); }; // Speed var Speed = function() { goods.push({ x: random(width / 4, width * 3/4), y: -10, radius: 10, type: "speed", display: function() { noStroke(); fill(50, 255, 50); ellipse(this.x, this.y, this.radius * 2, this.radius * 2); if(random(10) < 2) { GoodParticle(this.x, this.y, 50, 255, 50); } if(this.y > height + this.radius) { this.dead = true; } }, }); }; // Player var p = { x: width / 2, y: height * 4/6, trail: [], dir: -1, dead: 0, powerup: "nope", display: function() { if(this.dead > 0) { if(this.dead === 1) { for(var i = 0; i < random(10, 20); i ++) { Particle(this.x, this.y); } shake = 20; } this.dead += 1; } else { if(pressed) { this.dir = -1; this.trail.push([this.x, this.y]); } if(score > 0) { this.x += worldSpeed this.dir; } if(get(this.x, this.y) === color(0)) { this.dead = 1; } for(var i = 0; i < goods.length; i ++) { var g = goods[i]; if(sqDist(g.x, g.y, this.x, this.y) > g.radius * g.radius) { continue; } g.dead = true; switch(g.type) { case "speed": this.powerup = ["speed", 100]; break; } } if(this.powerup !== "nope") { this.powerup[1] -= 1; if(this.powerup[1] <= 0) { this.powerup = "nope"; } } if(this.powerup[0] === "speed") { worldSpeed = 7; } else { worldSpeed = 5; } } stroke(27, 224, 214); strokeWeight(5); point(this.x, this.y); for(var i = this.trail.length - 1; i >= 0; i -= 1) { var t = this.trail[i]; if(this.dead <= 0) { t[1] += worldSpeed; } if(i >= this.trail.length - 1) { line(t[0], t[1], this.x, this.y); continue; } line(t[0], t[1], this.trail[i + 1][0], this.trail[i + 1][1]); if(i > 0 && t[1] > height && this.trail[i + 1][1] > height) { this.trail.splice(i, 1); } } }, }; // Fader var Fader = function() { this.color = color(0, 0, 0); this.opacity = 0; this.fading = false; this.speed = 0; this.screen = 0; this.fade = function(speed, col, screen) { if(!this.fading) { this.speed = speed; this.color = col; this.screen = screen; this.opacity = 0; this.fading = true; } }; this.display = function() { fill(this.color, this.opacity); if(this.fading) { if(this.opacity >= 255) { this.speed = -abs(this.speed); scene = this.screen; sceneAnim = 1; } if(this.opacity < 0) { this.speed = 0; this.opacity = 0; this.fading = false; } this.opacity += this.speed; } noStroke(); rect(-1, -1, width + 2, height + 2); }; }; var fader = new Fader(); // Mouse var mousePressed = function() { pressed = true; }; // Keyboard var keyPressed = function() { keys[keyCode] = true; keys[key.toString()] = true; }; var keyReleased = function() { keys[keyCode] = false; keys[key.toString()] = false; keysr[keyCode] = true; keysr[key.toString()] = true; }; // Draw var draw = function() { if(s < sn.length) { sprites.init(sn[s]); s ++; background(0); return; } sceneAnim += 1; background(255); pushMatrix(); translate(random(-shake, shake), random(-shake, shake)); shake = max(shake - 1, 0); cursor(ARROW); switch(scene) { case "intro": // Intro { background(0); if(!logoinit) { logotx = width / 2; logoty = height * 0.3; logoy = 0; logoyvel = height / 11; logo = 0; frameCount = 0; logoinit = true; } if(frameCount > 25 && frameCount < 100) { logotx = 0.9; logoty = 0.8; image(sprites.logosans, width / 2 - map(sprites.logo.width, 0, 600, 0, width) / 2 - (100 - frameCount) * 30, height * 0.7 - map(sprites.logo.height, 0, 600, 0, height) / 2, map(sprites.logo.width, 0, 600, 0, width), map(sprites.logo.height, 0, 600, 0, height)); fill(255); textAlign(CENTER, CENTER); textSize(map(30, 0, 600, 0, width)); pushMatrix(); translate(width / 2 - logotx - textWidth("J") / 0.9, height * 0.75 + logoty); rotate(logotx); scale(2 - logotx / height * 4, 2 - logoty / height * 4); text("J", 0, 0); popMatrix(); pushMatrix(); translate(width / 2 + logotx + textWidth("G") / 0.9, height * 0.75 + logoty); rotate(logotx); scale(2 - logotx / height * 4, 2 - logoty / height * 0.4); text("G", 0, 0); popMatrix(); } else if(frameCount > 100) { if(frameCount < 120) { background((120 - frameCount) * 255/20); } logo = constrain(logo + 5, 0, 180); pushMatrix(); translate(width / 2 + cos(logo - 90) * 100, height * 0.7); rotate(cos(logo - 90) * 25); image(sprites.logo, -map(sprites.logo.width, 0, 600, 0, width) / 2, -map(sprites.logo.height, 0, 600, 0, width) / 2, map(sprites.logo.width, 0, 600, 0, width), map(sprites.logo.height, 0, 600, 0, height)); popMatrix(); if(frameCount > 125) { logoy += logoyvel; logoyvel = 0.9; textAlign(CENTER, CENTER); textSize(map(30, 0, 600, 0, width)); fill(255); text("J E N T A C U L A R G E N T", width / 2, logoy / 3.4 - 2); textSize(map(15, 0, 600, 0, width)); text("presents ...", width / 2, logoy / 3.4 + 40); fill(0, 0, 0); noStroke(); rect(0, 0, width, height / 6); if(frameCount >= 250) { fader.fade(10, color(0, 0, 0), "game"); } } } // } break; case "game": // Game { if(score <= 0) { image(sprites.bg, 0, 0, width, height); } else { image(sprites.bg, 0, score % height, width, height); image(sprites.bg, 0, score % height - height, width, height); } textAlign(RIGHT, TOP); textSize(60); fill(0); text(score, 550 + 5, 20 + 5); fill(55, 199, 187); text(score, 550, 20); for(var i = obstacles.length - 1; i >= 0; i --) { var pa = obstacles[i]; pa.display(); } p.display(); for(var i = obstacles.length - 1; i >= 0; i --) { var pa = obstacles[i]; pa.display(); if(p.dead <= 0) { pa.y += worldSpeed; } if(pa.dead) { obstacles.splice(i, 1); } } for(var i = goods.length - 1; i >= 0; i --) { var pa = goods[i]; pa.display(); if(p.dead <= 0) { pa.y += worldSpeed; } if(pa.dead) { goods.splice(i, 1); } } if(score <= 600) { textAlign(CENTER, CENTER); textSize(100); fill(0); text("Avoid", 250, 200 + score); text("Avoid", 250 - 6, 200 - 6 + score); fill(255); text("Avoid", 250 - 3, 200 - 3 + score); textSize(80); fill(0); text("the", 150, 300 + score); text("the", 150 - 6, 300 - 6 + score); fill(255); text("the", 150 - 3, 300 - 3 + score); textSize(110); fill(255); text("BLACK", 390, 310 + score); text("BLACK", 390 - 6, 310 - 6 + score); fill(0); text("BLACK", 390 - 3, 310 - 3 + score); noStroke(); fill(255); rect(155, 400 + score, 109, 50); rect(155, 450 + score, 158, 70); fill(210); textAlign(LEFT, TOP); textSize(40); text("TAP", 165, 410 + score); textSize(25); text("to change\ndirection", 165, 410 + score + 43); fill(100); textAlign(CENTER, TOP); textSize(50); text("H I G H :\n" + high, width / 2, 20 + score); } if(score > 0) { if(frameCount % 50 === 0) { switch(round(random(4))) { case 0: Circle(); break; case 1: Rect(); break; case 2: Diamond(); break; case 3: Slider(); break; } } if(random(100) < 1) { Speed(); } } for(var i = particles.length - 1; i >= 0; i --) { var pa = particles[i]; pa.display(); if(pa.time >= 255) { particles.splice(i, 1); } } if(pressed) { score = max(score, worldSpeed); } if(score > 0 && p.dead <= 0) { score += worldSpeed; } high = max(score, high); if(p.dead > 40) { scene = "dead"; screenshot = get(0, 0, width, height); sceneAnim = 1; pscore = score; } // } break; case "dead": // Lose screen { image(screenshot, 0, 0, width, height); noStroke(); fill(0, 100 - 100/(1 + (sceneAnim - 1)/5)); rect(-100, -100, width + 200, height + 200); fill(255); textAlign(CENTER, CENTER); textSize(120); text("CRASHED", width / 2, height / 3 - 300/sceneAnim); textSize(60); text("SCORE: " + pscore, width / 2 + 500/sceneAnim, height / 2); textSize(30); text("click to try again", width / 2, height 2/3 + 300/sceneAnim); if(pressed) { fader.fade(10, color(0), "game"); score = 0; p.dead = 0; p.x = width / 2; p.trail = []; particles = []; obstacles = []; goods = []; p.dir = -1; p.powerup = "nope"; } // } break; } noStroke(); popMatrix(); fader.display(); pressed = false; keysr = {}; };
Folds	374,407
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKHxj--eCQw
Votes	182
Spin-Offs	27
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	JentGent
Author Name	JentacularGent
Author ID	kaid_1111444645373975142506044
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739377113905
Updated	8 months ago, 1744819444513
Source Deleted	unknown