Viewing Program

Program Data

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

Title	RGB
ID	5613111920689152
Created	9 years ago, 1473099473377
Updated	8 years ago, 1474814983997
Code	/** subscribe page: http://bit.ly/2c9JFYf */ / * Yay!! I got #1 on the hotlist! :D Thank you guys so much! By: The1™ Credit/Code from \| Captain™ for cube collisions for blocks Rest of the code including the color management was coded by me The1 Don't remove any credit in any way! P.S. \| Chester Banks if you're looking at this I didn't steal the code from multi click for the title ;) */ var scene = "menu"; noStroke(); var keys = []; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; var opacities = [255, 255, 255]; var frames = frameCount; var ran = 0; var Tect = function(x, y) { this.x = x; this.y = y; this.r = 20; this.draw = function() { if (this.x > width + 70) { this.x = -70; } else { this.x++; } pushMatrix(); noFill(); strokeWeight(1); stroke(255); translate(this.x, this.y); rectMode(CENTER); rotate(sin(frameCount 4) * this.r); (rect)(0, 0, 100, 100, 10, 0, 10, 0); noStroke(); fill(0, 0, 0, 30); triangle(-50, -50, -50, 50, 50, 50); popMatrix(); }; }; var rects = []; for (var i = 0; i < 5; i++) { for (var j = 0; j < 5; j++) { rects.push(new Tect((i * 150) + 50, (j * 150) + 50)); } } var bg = function() { rectMode(RIGHT); for (var i = 0; i <= width / 4.9; i++) { strokeWeight(10); stroke(lerpColor(color(i * 2000, 0, 0), color(0, 0, i * 4), 0.7)); line((i * 10) - 5, -10, (i * 10) - 5, height); } if (scene === 'menu') { frameRate(60); for (var i in rects) { rects[i].draw(); } } rectMode(RIGHT); noStroke(); }; var r = random(130, 155); var images = { blueblock: function(x, y, sz) { noStroke(); fill(0, 0, 255, opacities[0]); rect(x, y, sz, sz); stroke(0, 0, 250, opacities[0] + 30); strokeWeight(5); line(x, y, x + sz, y); }, redblock: function(x, y, sz) { noStroke(); fill(255, 0, 0, opacities[1]); rect(x, y, sz, sz); }, greenblock: function(x, y, sz) { noStroke(); fill(0, 255, 0, opacities[2]); rect(x, y, sz, sz); }, portal: function(x, y, sz) { noStroke(); fill(0); (rect)(x, y, sz, sz, 10, 10, 0, 0); }, blueGem: function(x, y, sz) { noStroke(); fill(0, 0, 255); ellipse(x + sz / 2, y + sz / 2, sin(frameCount) * (sz / 2), sz / 2); fill(0, 0, 0, 30); arc(x + sz / 2, (y + sz / 2), sin(frameCount) * sz / 2, sz / 2, 90, 270); }, redGem: function(x, y, sz) { noStroke(); fill(tan(frameCount) + 250, 0, 0); //println(tan(frameCount)); ellipse(x + sz / 2, y + sz / 2, sin(frameCount) * (sz / 2), sz / 2); fill(0, 0, 0, 30); arc(x + sz / 2, (y + sz / 2), sin(frameCount) * sz / 2, sz / 2, 90, 270); }, greenGem: function(x, y, sz) { noStroke(); fill(0, 255, 0); ellipse(x + sz / 2, y + sz / 2, sin(frameCount) * (sz / 2), sz / 2); fill(0, 0, 0, 30); arc(x + sz / 2, (y + sz / 2), sin(frameCount) * sz / 2, sz / 2, 90, 270); } }; var level = 0; var collectedGreen = false, collectedBlue = false, collectedRed = false; var levels = [ [ "B B", "B B", "B B", "B B", "B B", "B B", "B B", "B B", "B B", "B B", "B B", "B B", "B B", "B P", "BBBBBBBBBBBBBBB" ], [ "B B", "B PB", "B BBBB", "B B B", "B B", "B B", "B B B", "B B", "B B", "B B B", "B B", "B B", "B B B", "B B", "BBBBBBBBBBBBBBB" ], [ " ", " P", " # BBBBB", " B ", " R ", " ", " ", " R ", " ", " R ", " ", " @ ", " R ", " ", "BBBBBBBBBBBBBBB" ], [ " P ", " # GG ", " B ", " R @ ", " G ", " ", " R ", " ", " $ R ", " B ", " ", " ", " G ", " B ", "BBBBBBBBBBBBBBB" ], [ " P ", "RRR ", " # ", " ", " GGG ", " ", " RRRRRRR", "GGGGGGGRRRRRRRR", " ", " $ ", "BBBBBBBBB ", "BBBBBBBBB ", " BBBB RRRR ", " @BBBBRRRRRR", "BBBBRRRRRRRRRRR" ], [ " ", " BBB ", " B$B ", " R# BBB ", " BBB ", " BBB ", " R BBB ", "GGGG ", "PG R ", "BBBB R ", "RRRR ", "BBBBBBBBBBBBBBB", " @ BR", " BR", "BBBBBBBBBBBBBBB", ], [ "BBBB B", "B @ B B", "B B B", "BBBB B", "BB B", "BB B", "BB B", "BB B", "BB RP", "BB GB", "BBGGG $ B", "BB BB B B", " B# B B", "BBR BBBB B", "BBRBBBBBGGGGGG ", ], [ "B B", "BP B", "BRRR B", "BBBB B", "BRRR GG B", "BBBB B", "B B", "B @ R B", "B RRRRRRRR B", "B # B", "B B", "BGGG B B", "B $G B", "B G B", "GGGBBBBBBBBBBBB", ], [ "BBB B", "B $ B", "BBB B", "BBRRRRR B", "BB B", "BB RRRB", "BB GGG B", "BB GGG @ B", "BB RRRB", "BB G", "BB G", "BGRR G", " G R G", "$GP R G", "BBRRRRRRRRRRRRB", ], [ "B B", "B R B", "BR R B", "B R B", "B R B", "B RR B", "B R B", "B R $ B", "BR R B", "B R B", "B @RB B", "B RRB B", "B RB R", "B RB$$$#$$$RP", "BBBBBBGGGGGGGGB", ], [ " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ] ]; //var level = 0; var blocks = []; var Blocks = function(x, y, type) { this.x = x; this.y = y; this.opacity = 255; this.type = type; this.sz = 40; this.draw = function() { rectMode(RIGHT); switch (this.type) { case 'portal': images.portal(this.x, this.y, this.sz); break; case 'Block': images.blueblock(this.x, this.y, this.sz); break; case 'redBlock': images.redblock(this.x, this.y, this.sz); break; case 'greBlock': images.greenblock(this.x, this.y, this.sz); break; case 'redKey': images.redGem(this.x, this.y, this.sz); break; case 'blueKey': images.blueGem(this.x, this.y, this.sz); break; case 'greenKey': images.greenGem(this.x, this.y, this.sz); break; case 'Blck': fill(0,0,255); rect(this.x, this.y, this.sz, this.sz); break; } }; }; var g = function() {}; var G = new g(); g.prototype.makeLevel = function() { blocks = []; for (var i in levels[level]) { for (var j in levels[level][i]) { var l = levels[level][i].charAt(j); if (levels[level] !== []) { switch (l) { case 'B': if(i > 0 && levels[level][i-1][j] !== 'B'){ blocks.push(new Blocks(j * 40, i * 40, "Block")); }else{ blocks.push(new Blocks(j * 40, i * 40, "Blck")); } break; case 'R': blocks.push(new Blocks(j * 40, i * 40, "redBlock")); break; case 'G': blocks.push(new Blocks(j * 40, i * 40, "greBlock")); break; case 'P': blocks.push(new Blocks(j * 40, i * 40, "portal")); break; case '@': blocks.push(new Blocks(j * 40, i * 40, 'blueKey')); break; case '#': blocks.push(new Blocks(j * 40, i * 40, 'redKey')); break; case '$': blocks.push(new Blocks(j * 40, i * 40, 'greenKey')); break; default: blocks.push(new Blocks(j * 40, i * 40)); break; } } } } }; var startPos = [level === 6 ? 40 : 40, level === 6 ? 40 : 515]; var Player = function(x, y) { this.x = x; this.y = y; this.xvel = 0; this.yvel = 0; this.gravity = 0.2; this.colorm = "red"; this.sz = 30; this.speed = 4; this.falling = true; this.blueCount = 0; this.redCount = 0; this.greenCount = 0; this.gravCount = 0; this.show = function() { noStroke(); fill(this.colors); (rect)(this.x, this.y, this.sz, this.sz, 5, 5, 0, 0); fill(0, 0, 0, 50); triangle(this.x, this.y, this.x, this.y + this.sz, this.x + this.sz, this.y + this.sz); fill(255); ellipse(this.x + this.sz / 5, this.y + this.sz / 2.1, this.sz / 5, this.sz / 5); ellipse(this.x + this.sz / 1.3, this.y + this.sz / 2.1, this.sz / 5, this.sz / 5); }; this.update = function() { switch (this.colorm) { case 'blue': opacities[1] = 255; opacities[2] = 255; opacities[0] = 100; this.colors = color(0, 0, 255); break; case 'red': opacities[1] = 100; opacities[2] = 255; opacities[0] = 255; this.colors = color(255, 0, 0); break; case 'green': opacities[1] = 255; opacities[2] = 100; opacities[0] = 255; this.colors = color(0, 255, 0); break; case undefined: for (var i in opacities) { opacities[i] = 255; this.colors = color(54, 20, 1); } break; } if (this.y >= height + 200 \|\| this.x <= -200 \|\| keyCode === 0) { collectedRed = true; collectedBlue = false; collectedGreen = false; this.x = startPos[0]; this.y = startPos[1]; this.yvel = 0; this.redCount = 0; this.blueCount = 0; this.greenCount = 0; } if (collectedRed === true) { this.colorm = "red"; } if (collectedBlue === true) { this.colorm = "blue"; } if (collectedGreen === true) { this.colorm = "green"; } if (keys[LEFT]) { this.xvel = -this.speed; } else if (keys[RIGHT]) { this.xvel = this.speed; } else { this.xvel = 0; } if (keys[UP] && !this.falling&& this.gravity === 0.2) { this.yvel = -7.9; this.falling = true; } if (this.falling) { this.yvel += this.gravity; } //println(this.gravity); this.falling = true; this.x += this.xvel; this.collideWith(this.xvel, 0); this.y += this.yvel; this.collideWith(0, this.yvel); }; this.collideWith = function(xv, yv) { for (var i in blocks) { var p = blocks[i]; if (this.x + this.sz > p.x + 3 && this.x < p.x + p.sz && this.y + this.sz > p.y && this.y < p.y + p.sz) { switch (blocks[i].type) { case 'portal': this.colorm = "red"; this.x = startPos[0]; this.y = startPos[1]; if (level === 5 \|\| level === 6) { startPos[1] = 50; this.y = startPos[1]; } if(level >= levels.length-2){ scene = 'end'; } level++; G.makeLevel(); collectedRed = true; collectedBlue = false; collectedGreen = false; this.redCount = 0; this.blueCount = 0; this.greenCount = 0; break; case 'blueKey': if (dist(this.x, this.y, blocks[i].x, blocks[i].y) < p.sz) { this.blueCount++; //blocks[i].x = Infinity; if (this.blueCount === 1) { collectedBlue = true; this.greenCount = 0; this.redCount = 0; collectedRed = false; collectedGreen = false; } } break; case 'greenKey': if (dist(this.x + this.sz/2 \|\| this.x - this.sz/2, this.y, blocks[i].x + blocks[i].sz/2, blocks[i].y) < p.sz) { this.greenCount++; //blocks[i].x = Infinity; if (this.greenCount >= 1) { collectedGreen = true; collectedRed = false; collectedBlue = false; this.redCount = 0; this.blueCount = 0; this.greenCount = 1; } } break; case 'redKey': if (dist(this.x, this.y, blocks[i].x, blocks[i].y) < p.sz) { this.redCount += 1; //blocks[i].x = Infinity; if (this.redCount >= 1) { this.blueCount = 0; this.greenCount = 0; this.redCount = 1; collectedRed = true; collectedBlue = false; collectedGreen = false; } } break; case 'Block': if (this.colorm !== 'blue') { if (xv > 0) { this.xvel = 0; this.x = p.x - this.sz; } if (xv < 0) { this.xvel = 0; this.x = p.x + p.sz; } if (yv > 0) { this.yvel = 0; this.y = p.y - this.sz; this.falling = false; } if (yv < 0 && this.gravity === 0.2) { this.yvel = -0.6; this.y = p.y + p.sz; this.falling = true; } } break; case 'redBlock': if (this.colorm !== 'red') { if (xv > 0) { this.xvel = 0; this.x = p.x - this.sz; } if (xv < 0) { this.xvel = 0; this.x = p.x + p.sz; } if (yv < 0 && this.gravity === 0.2) { this.yvel = -0.6; this.y = p.y + p.sz; this.falling = true; } if(yv > 0 && this.gravity === 0.2){ this.y = p.y - this.sz; this.yvel = 0; this.falling = false; } } break; case 'greBlock': if (this.colorm !== 'green') { if (xv > 0) { this.xvel = 0; this.x = p.x - this.sz; } if (xv < 0) { this.xvel = 0; this.x = p.x + p.sz; } if (yv > 0) { this.yvel = 0; this.y = p.y - this.sz; this.falling = false; } if (yv < 0) { this.falling = true; this.y = p.y + p.sz; this.yvel = -0.6; } } break; } } } }; }; var Button = function(txt, x, y, wid) { this.x = x; this.y = y; this.wid = wid; this.txt = txt; this.colorr = color(84, 154, 201); this.textColor = color(255); this.mouseInside = function() { return mouseX >= this.x - this.wid / 2 && mouseX <= this.x + this.wid / 2 && mouseY >= this.y - this.wid / 3 && mouseY <= this.y + this.wid / 3; }; this.show = function() { stroke(255, 255, 255); strokeWeight(7); rectMode(CENTER); fill(this.colorr); (rect)(this.x, this.y, this.wid, this.wid / 1.5, 55, 0, 55, 0); fill(this.textColor); textFont(createFont("HelveticaNeue-UltraLight")); textSize(this.txt.length >= 10 ? this.wid / 6 : this.wid / 4); textAlign(CENTER, CENTER); text(this.txt, this.x, this.y); }; }; var buttons = [ new Button("\u25B6", width / 2, 340, 200), new Button("How", width/2, 480, 150) ]; var fo = "HelveticaNeue-CondensedBold"; var sise = 30; var menu = function() { if (fo !== "HelveticaNeue-CondensedBold") { sise = 25; } textAlign(CENTER, CENTER); textFont(createFont('HelveticaNeue-CondensedBold'), 150); for (var i = 0; i < 5; i++) { fill(255, 0, 0, i 25); text("R", i * 7 + width / 4.4, i * 7 + 100); fill(0, 255, 0, i * 25); text("G", i * 7 + width / 2.1, i * 7 + 100); fill(0, 0, 255, i * 25); text("B", i * 7 + width / 1.39, i * 7 + 100); } fill(255, 0, 0, 100); text("R", width / 3.9, 120); fill(0, 255, 0, 100); text("G", width / 2, 120); fill(0, 0, 255, 100); text("B", width / 1.31, 120); textFont(createFont(fo), sise); fill(0, 0, 0, 70); text("A Puzzle-Based Platformer \| The1 · Programs", width / 2, 233); fill(255); text("A Puzzle-Based Platformer \| The1 · Programs", width / 2, 230); fill(0, 0, 0, 130); for(var i in buttons){ (rect)(buttons[i].x - buttons[i].wid / 2, buttons[i].y - buttons[i].wid / 4, buttons[i].wid, buttons[i].wid / 1.5, 60, 0, 60, 0); } for(var i in buttons){ buttons[i].show(); if (mouseX >= buttons[0].x - buttons[0].wid / 2 && mouseX <= buttons[0].x + buttons[0].wid / 2 && mouseY >= buttons[0].y - buttons[0].wid / 3 && mouseY <= buttons[0].y + buttons[0].wid / 3) { //cursor(HAND); buttons[0].colorr = color(84, 154, 201, 180); buttons[0].textColor = color(0, 0, 0); } else if (mouseX >= buttons[1].x - buttons[1].wid / 2 && mouseX <= buttons[1].x + buttons[1].wid / 2 && mouseY >= buttons[1].y - buttons[1].wid / 3 && mouseY <= buttons[1].y + buttons[1].wid / 3) { //cursor(HAND); buttons[1].colorr = color(84, 154, 201, 180); buttons[1].textColor = color(0, 0, 0); } else { //cursor(ARROW); for(var i in buttons){ buttons[i].colorr = color(84, 154, 201); buttons[i].textColor = color(255); } } } //noStroke(); fill(0, 0, 0, 90); textFont(createFont(fo), sise); text("The1 · Programs", width / 1.25, height / 1.042); fill(255); text("The1 · Programs", width / 1.25, height / 1.05); }; var end = function(){ textFont(createFont(fo), 50); textAlign(CENTER,CENTER); fill(255); text("Thanks for Playing!",300, 300); textSize(20); text("Game by \| The1 · Programs", 300, 350); _clearLogs(); println("subscribe page: http://bit.ly/2c9JFYf"); }; var how = function(){ textFont(createFont("HelveticaNeue-Bold")); fill(255); textAlign(CENTER,CENTER); textSize(70); text("HOW TO PLAY", width/2, 100); textSize(30); text("Change colors by touching these:", width/2, 190); images.greenGem(width/2 - width/4, 220, 40); images.redGem(width/2, 220, 40); images.blueGem(width/2 + width/4, 220, 40); fill(255); textSize(20); text("You can't land on a block that's the same color as you",width/2, 300); images.redblock(width/2, 340, 40); fill(255, 0, 0); stroke(255); strokeWeight(2); rect(width/2 - 20, 330, 30, 30); fill(255); text("You ->",width/2 - 60, 360); text("<- red block",width/2 + 90, 360); textSize(40); text("Press SPACE to restart a level", width/2, 450); textFont(createFont("HelveticaNeue-UltraLight")); textSize(20); text("Click anywhere to go back", width/2, 550); }; var cube = new Player(startPos[0], startPos[1]); G.makeLevel(); draw = function(){ background(0, 0, 97); switch (scene){ case 'menu': bg(); menu(); break; case 'game': bg(); noStroke(); for (var i in blocks) { blocks[i].draw(); } cube.show(); cube.update(); textAlign(CENTER, CENTER); break; case 'end': bg(); end(); break; case 'how': bg(); how(); } }; mouseClicked = function(){ if(scene === "menu"){ if (buttons[0].mouseInside()){ scene = "game"; } else if(buttons[1].mouseInside()){ scene = "how"; } } else if(scene === 'how'){ scene = 'menu'; } };
Folds	23,46,119,307,392,622,623,647,654,709,710,719,720,747,750,775,776,788
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPiwh6P8CQw
Votes	241
Spin-Offs	13
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	The1[Dev]
Author Name	Itdev
Author ID	kaid_805177773365497486588414
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739397770123
Updated	6 months ago, 1739397776430
Source Deleted	unknown