Viewing Program

Program Data

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

Title	Earn All Black Holes Today
ID	4868909807566848
Created	9 years ago, 1453593440016
Updated	9 years ago, 1453860478654
Code	/** Project name: Black Hole Badges * @trek * 23 January 2016 * * update: 24 January 2016 * * · gradient background * · color scheme change * · champagne bubbles / /* variables @trek */ var pos = 0; var row = 0; var col = 0; var ypos = 0; var BTNX = 66; var BTNY = 84; var mapped = 0; var gradient = 0; var leftSpecks = []; var cntrSpecks = []; var riteSpecks = []; var folder; /* constants @trek **/ var MAX_COUNT = 40; var MIN_COUNT = 20; var SPECK_MIN = 8; var SPECK_MAX = 4; var FPS = 60; var E_SIZE = Math.sqrt(2) width; var FLOOD = color(255, 226, 226, 128); /* Hover class @trek / var Hover = function() {}; { Hover.FACE = "Arial Bold"; Hover.MESSAGE = "How to Earn Artemis, Atlas,\nand Tesla All in One Day"; Hover.SIZE = 16; Hover.BUTTON_XPOS = 300; Hover.BUTTON_YPOS = 200; Hover.BUTTON_WIDE = 240; Hover.BUTTON_HIGH = 80; Hover.BUTTON_TURN = 2; Hover.BUTTON_EDGE = 2; Hover.BUTTON_TXT_Y = Hover.BUTTON_YPOS 0.98; Hover.BUTTON_FONT = createFont(Hover.FACE, Hover.SIZE); Hover.BACKGROUND = color(253, 236, 247); Hover.UPPER_LIMIT = color( 0, 0, 0); Hover.LOWER_LIMIT = color(242, 242, 242); Hover.BUTTON_FILL = color( 87, 13, 57); Hover.BUTTON_LINE = color( 0, 0, 0); Hover.BUTTON_LITE = color(242, 242, 242, 180); Hover.BUTTON_TEXT = color(239, 239, 239); Hover.mouseIsOver = function() { return Hover.BUTTON_XPOS - Hover.BUTTON_WIDE / 2 <= mouseX && mouseX <= Hover.BUTTON_XPOS + Hover.BUTTON_WIDE / 2 && Hover.BUTTON_YPOS - Hover.BUTTON_HIGH / 2 <= mouseY && mouseY <= Hover.BUTTON_YPOS + Hover.BUTTON_HIGH / 2; }; Hover.generateSunsetGradient = function(c1, c2, yInit, yLim) { strokeWeight(1); mapped = 0; gradient = 0; for ( ypos = yInit; ypos <= yLim; ypos++ ) { mapped = map(ypos, yInit, yLim, 0, 1); gradient = lerpColor(c1, c2, mapped); stroke(gradient); line(0, ypos, width, ypos); } }; } /* Snap class @trek / var Snap = function() {}; { Snap.BLOCK = 1; Snap.ALERT_SIZE = 18; Snap.FOOTER_SIZE = 12; Snap.LINK_SIZE = 13; Snap.BUTTON_SIZE = 13; Snap.BUTTON_WIDE = 104; Snap.BUTTON_HIGH = 32; Snap.BUTTON_TURN = 2; Snap.BUTTON_EDGE = 1; Snap.ALERT_YPOS = 84; Snap.FOOTER_YPOS = 120; Snap.LINK_YPOS = 184; Snap.BUTTON_YPOS = 174; Snap.BUTTON_XPOS = 340; Snap.BUTTON_X_DEL = 1.025; Snap.BUTTON_Y_DEL = 1.080; Snap.BLOCK_SYMBOL = "1"; Snap.BACKGROUND = color(253, 253, 253); Snap.BLOCK_FILL = color( 88, 88, 88); Snap.TEXT_ALERT = color( 0, 3, 6); Snap.TEXT_FOOTER = color(120, 112, 110); Snap.TEXT_LINK = color(120, 112, 110); Snap.BUTTON_FILL = color( 90, 151, 255); Snap.BUTTON_LINE = color( 41, 99, 196); Snap.BUTTON_LITE = color(100, 160, 255); Snap.BUTTON_TEXT = color(241, 255, 255); Snap.FACE = "Arial"; Snap.ALERT = "Aw, Snap!"; Snap.FOOTER = "Something went wrong while displaying this webpage. Closing the apps that you\ndon't need may help by making more memory available."; Snap.LINK = "Learn more"; Snap.BUTTON = "Send feedback"; Snap.BITMAP = [ "...11111111111...1111111111111.................", "...11111111111...1111111111111.................", "...11111111111...1111111111111.................", "111...........111.............111..............", "111...........111.............111..............", "111...........111.............111..............", "111...........111111111111111111111111111111...", "111...........111111111111111111111111111111...", "111...........111111111111111111111111111111...", "111.........................................111", "111.........................................111", "111.........................................111", "111.........................................111", "111.........................................111", "111.........................................111", "111.....11..11.................11..11.......111", "111.....11..11.................11..11.......111", "111.......11.....................11.........111", "111.......11.....................11.........111", "111.....11..11.................11..11.......111", "111.....11..11.................11..11.......111", "111.........................................111", "111.........................................111", "111.........................................111", "111.........................................111", "111.........................................111", "111.........................................111", "111...........11111111111111................111", "111...........11111111111111................111", "111.......1111..............11111...........111", "111.......1111..............11111...........111", "111..............................11111......111", "111..............................11111......111", "111.........................................111", "111.........................................111", "111.........................................111", "111.........................................111", "11111111111111111111111111111111111111111111111", "11111111111111111111111111111111111111111111111", "11111111111111111111111111111111111111111111111" ]; Snap.ALERT_FONT = createFont(Snap.FACE, Snap.ALERT_SIZE); Snap.FOOTER_FONT = createFont(Snap.FACE, Snap.FOOTER_SIZE); Snap.LINK_FONT = createFont(Snap.FACE, Snap.LINK_SIZE); Snap.BUTTON_FONT = createFont(Snap.FACE, Snap.BUTTON_SIZE); } / Folder class @trek / var Folder = function(x, y) { this.vFolder = new PVector(x, y); this.vAlert = new PVector(x, y + Snap.ALERT_YPOS); this.vFooter = new PVector(x, y + Snap.FOOTER_YPOS); this.vLink = new PVector(x, y + Snap.LINK_YPOS); this.vButton = new PVector(x + Snap.BUTTON_XPOS, y + Snap.BUTTON_YPOS); }; { Folder.prototype.renderBitmap = function() { noStroke(); fill(Snap.BLOCK_FILL); for ( row = 0; row < Snap.BITMAP.length; row++ ) { for ( col = 0; col < Snap.BITMAP[row].length; col++ ) { if ( Snap.BITMAP[row][col] === Snap.BLOCK_SYMBOL ) { rect(this.vFolder.x + col, this.vFolder.y + row, Snap.BLOCK, Snap.BLOCK); } } } }; Folder.prototype.renderAlert = function() { fill(Snap.TEXT_ALERT); textFont(Snap.ALERT_FONT); text(Snap.ALERT, this.vAlert.x, this.vAlert.y); }; Folder.prototype.renderFooter = function() { fill(Snap.TEXT_FOOTER); textFont(Snap.FOOTER_FONT); text(Snap.FOOTER, this.vFooter.x, this.vFooter.y); }; Folder.prototype.renderLink = function() { fill(Snap.TEXT_LINK); textFont(Snap.LINK_FONT); text(Snap.LINK, this.vLink.x, this.vLink.y); stroke(Snap.TEXT_LINK); strokeWeight(Snap.BUTTON_EDGE); line(this.vLink.x, this.vLink.y + Snap.BUTTON_EDGE, this.vLink.x + textWidth(Snap.LINK), this.vLink.y + Snap.BUTTON_EDGE); }; Folder.prototype.labelButton = function() { fill(Snap.BUTTON_TEXT); textFont(Snap.BUTTON_FONT); text(Snap.BUTTON, this.vButton.x Snap.BUTTON_X_DEL, this.vButton.y * Snap.BUTTON_Y_DEL); }; Folder.prototype.renderButton = function() { rectMode(CORNER); strokeWeight(Snap.BUTTON_EDGE); fill(Snap.BUTTON_FILL); stroke(Snap.BUTTON_LINE); rect(this.vButton.x, this.vButton.y, Snap.BUTTON_WIDE, Snap.BUTTON_HIGH, Snap.BUTTON_TURN); stroke(Snap.BUTTON_LITE); rect(this.vButton.x + Snap.BUTTON_EDGE, this.vButton.y + Snap.BUTTON_EDGE, Snap.BUTTON_WIDE - 2 * Snap.BUTTON_EDGE, Snap.BUTTON_HIGH - 2 * Snap.BUTTON_EDGE, Snap.BUTTON_TURN); this.labelButton(); }; Folder.prototype.render = function() { this.renderBitmap(); this.renderAlert(); this.renderFooter(); this.renderLink(); this.renderButton(); }; } / Particle class / var Particle = function(xpos, ypos, fColor, pSize) { this.initX = xpos; this.initY = ypos; this.acceleration = new PVector(0, 0.04); this.velocity = new PVector(random(-2, 2), random(-4, -2)); this.position = new PVector(xpos, ypos); this.pColor = fColor; this.pSize = pSize; }; { Particle.prototype.update = function() { this.velocity.add(this.acceleration); this.position.add(this.velocity); }; Particle.prototype.getY = function() { return this.position.y; }; Particle.prototype.reset = function() { this.acceleration.set(0, 0.04); this.velocity.set(random(-2, 2), random(-4, -2)); this.position.set(this.initX, this.initY); }; Particle.prototype.display = function() { noStroke(); fill(this.pColor); ellipse(this.position.x, this.position.y, this.pSize, this.pSize); }; Particle.prototype.work = function() { this.update(); this.display(); }; var pushParticle = function(arr, xpos, ypos) { arr.push(new Particle(xpos, ypos, FLOOD, random(SPECK_MIN, SPECK_MAX))); }; var initializeArray = function(arr, xpos, ypos, count) { for ( var particle = 0; particle < count; particle++ ) { pushParticle(arr, xpos, ypos); } }; } /* program initialization and execution @trek / var initProgram = function () { noStroke(); smooth(); frameRate(FPS); initializeArray(leftSpecks, width / 3, height / 2, random(MIN_COUNT, MAX_COUNT)); initializeArray(cntrSpecks, width / 2, height / 2, random(MIN_COUNT, MAX_COUNT)); initializeArray(riteSpecks, 2 width / 3, height / 2, random(MIN_COUNT, MAX_COUNT)); folder = new Folder(BTNX, BTNY); }; var renderBackground = function() { Hover.generateSunsetGradient(Hover.UPPER_LIMIT, Hover.LOWER_LIMIT, 0, height / 2); Hover.generateSunsetGradient(Hover.LOWER_LIMIT, Hover.UPPER_LIMIT, height / 2, height); }; var renderForeground = function() { strokeWeight(Hover.BUTTON_EDGE); fill(Hover.BUTTON_FILL); stroke(Hover.BUTTON_LINE); rectMode(CENTER); rect(Hover.BUTTON_XPOS, Hover.BUTTON_YPOS, Hover.BUTTON_WIDE, Hover.BUTTON_HIGH, Hover.BUTTON_TURN); stroke(Hover.BUTTON_LITE); rect(Hover.BUTTON_XPOS, Hover.BUTTON_YPOS, Hover.BUTTON_WIDE - 2 * Hover.BUTTON_EDGE, Hover.BUTTON_HIGH - 2 * Hover.BUTTON_EDGE, Hover.BUTTON_TURN); fill(Hover.BUTTON_TEXT); textAlign(CENTER); textFont(Hover.BUTTON_FONT); text(Hover.MESSAGE, Hover.BUTTON_XPOS, Hover.BUTTON_TXT_Y); textAlign(LEFT); }; var renderSpecks = function(arr) { for ( pos = 0; pos < arr.length; pos++ ) { arr[pos].work(); if ( arr[pos].getY() > height ) { arr[pos].reset(); } } }; draw = function() { renderBackground(); renderSpecks(leftSpecks); renderSpecks(cntrSpecks); renderSpecks(riteSpecks); renderForeground(); if ( Hover.mouseIsOver() ) { background(Snap.BACKGROUND); folder.render(); noLoop(); } }; initProgram(); /* Program by created by trek: http://khanacademy.org/profile/trek */
Folds	11,23,25,32,36,78,81,164,166,174,175,248,250,259,260,298,301,311,312,316,317,340,341,351,353,367
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJi89ofTCAw
Votes	178
Spin-Offs	4
Type	PJS
Width	600
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	trek
Author Name	trekcelt
Author ID	kaid_851318081167234425922340
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739371093573
Updated	10 months ago, 1739371102412
Source Deleted	unknown