Viewing Program

Program Data

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

Title	Twisted Colors
ID	5674053350670336
Created	4 years ago, 1609863696462
Updated	4 years ago, 1610234165361
Code	/ Presenting: TWISTED COLORS, my somethingth game @Sub - https://www.khanacademy.org/computer-programming/liam-ks-sub-page/6652809926492160 @BUGS - AUGH so many lol. Mostly just makes it hard to make levels lol. never gonna do that again. @Description - This is a platformer, with a twist! @Tips - tell me what you think in the T&T. @Leaderboard: top 5 scores only. Scores are based on lowest death counts. You MUST have a valid win code 1) PiCeraDragonite - 1 death 2) ulrimh1293 - 2 deaths 3) MaSciEnHisArEcMu09 - 3 deaths 4) TurnOffTheTV - 9 deaths 5) Henry - 21 deaths / colorMode(HSB); textAlign(CENTER,CENTER); textFont(createFont('Georgia Bold')); rectMode(CENTER); var keys = []; var scene = 'menu'; var printed = false; var printed2 = false; var circLineCollide = function(cx,cy,cd,x1,y1,x2,y2){ var d = dist(x1,y1,x2,y2); var dot = ( ((cx-x1)(x2-x1)) + ((cy-y1)(y2-y1)) ) / pow(d,2); var closestX = x1 + (dot * (x2-x1)); var closestY = y1 + (dot * (y2-y1)); var distanceToLine = dist(closestX,closestY,cx,cy); var r = cd/2; if(distanceToLine <= r){ var X1 = min(x1,x2); var X2 = max(x1,x2); return(cx + r >= X1&&cx -r <= X2); } }; var trans = { x:0, to:null, running:false }; var texts = ['A beginning','An introduction to Lava','I went down, down, down...','The staircase','An introduction to Trampolines','The Elevator','Downfall','Gotta find the portal','Lots o Tramps','Lava dodge','The Tower','A choice','So close, yet so far','Getting Closer','Over the Edge']; var level = 0; var levels = [ { startX:50, startY:50, portalX:300, portalY:170, greyness: 20, platforms:[ [0,200,300,200], ], lava:[ [-500,600,500,600],[-500,600,-500,-500],[-500,-500,500,-500],[500,600,500,-500] ], tramps:[ ] },//level 1 { startX:-200, startY:50, portalX:200, portalY:-80, greyness: 25, platforms:[ [-200,200,0,200],[0,200,100,100],[100,50,200,-50] ], lava:[ [100,100,200,0], [-500,600,500,600],[-500,600,-500,-500],[-500,-500,500,-500],[500,600,500,-500] ], tramps:[ ] },//level 2 { startX:-200, startY:50, portalX:-200, portalY:600, greyness: 30, platforms:[ [-300,200,0,200], ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500] ], tramps:[ ] },//level 3 { startX:-200, startY:350, portalX:100, portalY:150, greyness: 35, platforms:[ [-300,400,-100,400],[-150,350,-50,350],[-100,300,0,300],[-50,250,50,250],[0,200,100,200] ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500],[-100,400,100,200] ], tramps:[ ] },//level 4 { startX:-150, startY:300, portalX:150, portalY:450, greyness: 40, platforms:[ ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500], ], tramps:[ [-100,400,-200,400],[100,400,0,400] ] },//level 5 { startX:-150, startY:300, portalX:-350, portalY:200, greyness: 45, platforms:[ ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500],[100,100,0,400],[-300,100,-200,400] ], tramps:[ [0,400,-200,400],[50,250,-250,250],[100,100,-300,100] ] },//level 6 { startX:0, startY:-400, portalX:-100, portalY:200, greyness: 55, platforms:[ [-500,-350,100,-350],[100,-250,500,-250],[100,-100,0,-100],[200,200,300,200] ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500],[-50,-200,50,-200], ], tramps:[ [0,-100,-50,-100],[200,-50,100,-50],[150,300,100,300], ] },//level 7 { startX:0, startY:-400, portalX:-450, portalY:550, greyness: 65, platforms:[ ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500], ], tramps:[ ] },//level 8 { startX:0, startY:400, portalX:-350, portalY:550, greyness: 75, platforms:[ ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500], ], tramps:[ [25,450,-25,450],[100,350,50,350],[250,300,200,300],[250,200,200,200],[100,100,50,100],[-50,100,-100,100] ] },//level 9 { startX:0, startY:-400, portalX:0, portalY:550, greyness: 85, platforms:[ ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500],[-10,-200,10,-200],[-50,-100,50,-100],[-70,300,70,300] ], tramps:[ ] },//level 10 { startX:0, startY:400, portalX: -450, portalY:400, greyness: 95, platforms:[ [-50,450,50,450], [-50,350,50,350], [-50,250,50,250], [-50,150,50,150], ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500], ], tramps:[ [50,50,-50,50], ] },//level 11 { startX:0, startY:-400, portalX:0, portalY:250, greyness: 105, platforms:[ [-20,-350,20,-350],[20,-350,100,-300],[-100,-300,-20,-350],[0,600,450,600] ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500],[-100,-250,-400,500],[100,-250,400,500] ], tramps:[ [100,500,0,500],[100,400,0,400] ] },//level 12 { startX:-220, startY:-400, portalX:-400, portalY:-400, greyness: 125, platforms:[ [-250,-350,450,-350],[-350,-500,-250,-350], ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500], ], tramps:[ ] },//level 13 { startX:0, startY:-400, portalX: -300, portalY:400, greyness: 145, platforms:[ [-50,-350,50,-350],[-150,-350,0,-200],[50,-150,200,-150],[300,0,200,0],[200,150,100,150] ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500],[0,-200,50,-150],[50,-350,150,-500],[-150,-350,-300,-500], ], tramps:[ [100,150,50,150] ] },//level 14 { startX:-200, startY:-400, portalX: -200, portalY:400, greyness: 165, platforms:[ [-250,-350,-150,-350], ], lava:[ [-500,700,500,700],[-500,700,-500,-500],[-500,-500,500,-500],[500,700,500,-500],[50,-280,-500,500],[180,-280,50,-280],[180,-280,-50,200], ], tramps:[ [50,-300,-50,-300],[450,350,250,350],[150,450,50,450], ] },//level 15 ]; var portal = { x:300, y:300, d:function(){ pushMatrix(); translate(this.x,this.y); rotate(frameCount4); noStroke(); fill(0); ellipse(0,0,34,34); strokeWeight(1); for(var i = 0; i < 360;i++){ rotate(1); stroke((i/255)180%255,255,255); line(0,0,15,0); } popMatrix(); }, }; //{ colorMode(RGB); rectMode(CORNER); //{ noStroke(); for(var i = -200; i < 400; i +=0.3){ fill(0, 34+i2, 255); rect(100,i+60,400,1); } var LKimg = get(0, 0, 400, 400); //{ // get the image background(255, 0); rect(105,100,30,10); rect(112,100,15,60); rect(105,150,55,10); quad(160,145,160,150,145,150,145,130); stroke(0); fill(255); strokeWeight(1); quad(144,124,160,124,188,151,173,151); quad(154,125,164,130,188,109,173,109); stroke(255,0); rect(153,120,12,10); noStroke(); rect(165,150,30,10); rect(165,100,30,10); rect(145,100,15,25); var masking = get(0, 0, 400, 400); //} mask //}//LK rectMode(CENTER); colorMode(HSB); background(0); if(LKimg){ LKimg.mask(masking); } //}//draw and mask the logo var particles = []; var particle = function(x,y,xv,yv,clr){ this.x = x; this.y = y; this.xv = xv; this.yv = yv; this.r = 0; this.rSpeed = random(3,10); this.fade = 180; this.fadeSpeed = random(1,2); this.clr = clr; }; particle.prototype.show = function(){ pushMatrix(); translate(this.x,this.y); rotate(this.r); translate(-this.x,-this.y); if(this.clr === 0){ fill(this.clr,this.fade+70,this.fade); } if(this.clr === 255){ fill(0,0,this.fade); } noStroke(); rect(this.x,this.y,4,4); popMatrix(); this.r+= this.rSpeed; this.fade-= this.fadeSpeed; }; particle.prototype.move = function(){ this.x+=this.xv; this.y+= this.yv; }; var player = function(x,y){ this.x = x; this.y = y; this.r = 0; this.yv = 0; this.xv =0; this.colliding = false; this.speed = 0; this.facing = 'left'; this.rot = 0; this.deathCount = 0; this.lastColl = null; this.tramp = false; }; player.prototype.show = function(){ pushMatrix(); translate(this.x-sin(this.r)7,this.y-cos(this.r)7); rotate(this.rot); translate(-this.x+sin(this.r)7,-this.y+cos(this.r)7); noStroke(); fill(255, 0, 0); ellipse(this.x-sin(this.r)7,this.y-cos(this.r)7,20,20); pushMatrix(); translate(-sin(this.r)7,-cos(this.r)7); stroke(255); strokeWeight(2); arc(this.x ,this.y,10,10,45,135); noStroke(); fill(255); ellipse(this.x-3,this.y-3,3,3); ellipse(this.x+3,this.y-3,3,3); this.rot+= this.speed; popMatrix(); popMatrix(); }; player.prototype.move = function(){ this.py = this.y; this.px = this.x; if(keys[LEFT]\|\|keys[65]){ this.r--; } if(keys[RIGHT]\|\|keys[68]){ this.r ++; } if(level!==12){ this.r = constrain(this.r,-90,90); } if(!this.colliding&&!this.tramp){ if(this.yv < 8){ this.yv+=0.16; } if(this.xv > 0){ this.xv -= 0.01; } if(this.xv < 0){ this.xv+= 0.01; } this.y += cos(this.r)this.yv; this.x+= sin(this.r)this.yv; if(this.speed > 0){ this.y += cos(this.r+this.speed20)this.xv; this.x+= sin(this.r+this.speed20)this.xv; } else{ this.y -= cos(this.r+this.speed20)this.xv; this.x-= sin(this.r+this.speed20)this.xv; } if(this.xv >0&&this.lastColl === 'tramp'){ this.y += cos(this.r+this.speed20)this.xv; this.x+= sin(this.r+this.speed20)this.xv; } } if(this.tramp){ this.x += this.xv; this.y += this.yv; this.yv += 0.16; if(this.xv > 0){ this.xv -= 0.01; } if(this.xv >=-0.1 && this.xv <=0.1){ //this.yv = 5.32; this.tramp = false; this.colliding = false; } } }; player.prototype.die = function(){ this.x = levels[level].startX; this.y = levels[level].startY; this.r = 0; this.yv = 0; this.xv = 0; this.rot = 0; }; player.prototype.collide = function(obj){ if(circLineCollide(this.x,this.y,30,obj.x1,obj.y1,obj.x2,obj.y2)){ if(obj.type === 'platform'){ var a = atan2(obj.y2 - obj.y1,obj.x2 - obj.x1); this.colliding = true; this.yv = 0; this.xv = cos(a)this.speed; //this.yv = ; this.x += this.xv; this.y+= sin(a)this.speed; this.speed = sin(a+this.r)5; if(keys[UP]\|\|keys[87]){ this.yv = -5; this.colliding = false; } this.lastColl = 'plat'; this.tramp = false; } if(obj.type === 'lava'){ this.die(); this.deathCount++; } if(obj.type === 'trampoline'){ this.tramp = true; var a = atan2(obj.y2 - obj.y1,obj.x2 - obj.x1); this.yv = cos(a - this.r)7; this.xv = sin(a - this.r)7; this.lastColl = 'tramp'; } } }; var p = new player(levels[0].startX,levels[0].startY); var platforms = []; var platform = function(x1,y1,x2,y2,type){ this.x1 = x1; this.y1 = y1; this.x2 = x2; this.y2 = y2; this.type = type; this.d = dist(x1,y1,x2,y2); this.clrStart = random(0,255); }; platform.prototype.show = function(){ if(this.type === 'platform'){ stroke(0); strokeWeight(17); line(this.x1,this.y1,this.x2,this.y2); strokeWeight(15); //line(this.x1,this.y1,this.x2,this.y2); var a = atan2(this.y2 - this.y1,this.x2 - this.x1); for(var i = 0; i < dist(this.x1,this.y1,this.x2,this.y2);i++){ stroke(((i2)+this.clrStart)%255,levels[level].greyness1.5,levels[level].greyness1.5); point(this.x1 + cos(a) i,this.y1 + sin(a) * i); } } if(this.type === 'lava'){ stroke(0,255,255); strokeWeight(17); line(this.x1,this.y1,this.x2,this.y2); if(frameCount%ceil(this.d/20) === 0){ var rand = random(0,1); particles.push(new particle(lerp(this.x1,this.x2,rand),lerp(this.y1,this.y2,rand),0,-1,0)); } } if(this.type === 'trampoline'){ strokeWeight(17); stroke(255); line(this.x1,this.y1,this.x2,this.y2); if(frameCount%ceil(this.d/20) === 0){ var rand = random(0,1); particles.push(new particle(lerp(this.x1,this.x2,rand),lerp(this.y1,this.y2,rand),0,-1,255)); } } }; var drawLevel = function(){ platforms = []; var l = levels[level]; p.die(); portal.x = l.portalX; portal.y = l.portalY; for(var i = 0; i < l.platforms.length;i++){ var pl = l.platforms[i]; platforms.push(new platform(pl[0],pl[1],pl[2],pl[3],'platform')); } for(var i = 0; i < l.lava.length;i++){ var pl = l.lava[i]; platforms.push(new platform(pl[0],pl[1],pl[2],pl[3],'lava')); } for(var i = 0; i < l.tramps.length;i++){ var pl = l.tramps[i]; platforms.push(new platform(pl[0],pl[1],pl[2],pl[3],'trampoline')); } }; drawLevel(); var backdrop = function(){ var g = levels[level].greyness; if(scene!== 'play'){ g = 180; } strokeWeight(150); for(var i = 0; i < width2; i+=150){ stroke((i/5.3)%255,g,g2); line(i+100,0,i - 600,700); } if(scene=== 'play'){ fill(255); textSize(31); text(texts[level],300,100); textSize(15); text('Deaths: ' + p.deathCount,60,30); text('Level: '+ (level + 1),540,30); } }; var title = function(txt,x,y,size){ fill(50); textSize(size); for(var i = 0; i < txt.length;i++){ text(txt[i],x+isize/1.5,y+cos((frameCount+i10)4)10); } }; var button = function(x,y,d,txt,pg){ noFill(); if(dist(mouseX,mouseY,x,y) < d/1.8){ pushMatrix(); translate(x,y); scale(1.1); translate(-x,-y); fill(50,30); if(mouseIsPressed){ if(trans.x > 1200\|\|trans.x <= 0){ trans.to = pg; trans.running = true; trans.x = 0; } } } stroke(50); strokeWeight(d/12); ellipse(x,y,d,d); textSize(d/4); fill(50); text(txt,x,y); popMatrix(); }; var transition = function(){ if(trans.running){ noStroke(); fill(50); rect(trans.x - 300,300,600,600); if(trans.x > 600){ scene = trans.to; } if(trans.x > 1200){ trans.runninng = false; } trans.x += 10; } }; var cornerlogo = function(){ pushMatrix(); translate(35,568); rotate(cos(frameCount5)10); translate(-35,-568); fill(50); noStroke(); ellipse(35,568,50,50); image(LKimg,-20,520,150,150); if(dist(35,568,mouseX,mouseY) < 25&&!printed2&&mouseIsPressed){ println('Sub here: https://www.khanacademy.org/computer-programming/liam-ks-sub-page/6652809926492160'); printed2 = true; } popMatrix(); }; var play = function(){ background(0); backdrop(); pushMatrix(); translate(300,300); rotate(p.r); //scale(0.3); translate(-300,-300); translate(-p.x+300,-p.y+300); p.move(); p.show(); p.colliding = false; portal.d(); for(var i = 0; i < platforms.length; i ++){ p.collide(platforms[i]); platforms[i].show(); } for(var i = particles.length-1;i>0;i--){ particles[i].show(); particles[i].move(); if(particles[i].fade < 50){ particles.splice(i,1); } } popMatrix(); if(dist(p.x,p.y,portal.x,portal.y) < 25){ if(level === 14){ trans.running = true; trans.x = 0; trans.to = 'win'; } else{ p.die(); level++; drawLevel(); } } }; var win = function(){ backdrop(); fill(50); textSize(60); title('You Win!',170,60,60); textSize(30); text('Now go post in the Tips & Thanks\nyour win code to be added!',300,200); var dc = p.deathCount*100+134; var code = dc.toString(4); textSize(25); text('Your win code: '+code+'\nYou had '+ p.deathCount+' deaths!',300,470); if(!printed){ println('Win Code: '+ code); printed = true; } button(300,335,150,'Home','menu'); }; var menu = function(){ backdrop(); fill(50); textSize(60); text('TWISTED COLORS',300,60); title('A Platformer',135,120,45); button(300,300,180,'Play','play'); button(150,450,130,'Story','story'); button(450,450,130,'How','how'); }; var story = function(){ backdrop(); title('Story',210,60,60); fill(50); textSize(25); text('You live in the land of black and white.\nUntil one day you notice something in\nthe corner of your eyes. Color!! Travel\nthe realm of Twisted Colors to bring\ncolor to the people of your land.',300,250); button(300,470,130,'Home','menu'); }; var how = function(){ backdrop(); title('Instructions',80,60,60); fill(50); textSize(25); text('Its not very hard. Arrows/WASD to\nmove. Avoid lava, use trampolines\nas a boost. Get to the portal to\n advance. But beware a ',300,250); title('twist.',410,300,25); button(300,470,130,'Home','menu'); }; draw = function() { switch(scene){ case 'play': play(); break; case 'win': win(); break; case 'menu': menu(); break; case 'story': story(); break; case 'how': how(); break; } cornerlogo(); transition(); //background(255); }; keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; //hola
Folds	30,47,49,53,57,303,304,325,327,369,372,382,383,399,400,403,405,418,419,439,440,494,495,502,503,535,539,547,548,580,581,599,602,621,622,629,630,654,655,668,669,683,685,727,728,748,749,758,759,766,767,775,777,799,800,802,803,805
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ3z15CKCgw
Votes	185
Spin-Offs	2
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Liam K.
Author Name	liamk.ka
Author ID	kaid_160653079463992085090428
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739400419200
Updated	10 months ago, 1739400429183
Source Deleted	unknown