Viewing Program

Program Data

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

Title	Sidestep [game]
ID	5706705497178112
Created	4 years ago, 1631792854320
Updated	4 years ago, 1631880765044
Code	/* sidestep September 2021 click or use any key to switch sides, dodging the spikes and collecting the points. Sadly, there are no power-ups or skins. Maybe I'll make a 2.0 with added features :D This was going to be a 2 hour challenge, but it ended up taking me about 5 hours to finish. It took me ages to create the warped effect and do collisions, and an embarassing amount of time to name it :P So here you go: a simple, one-button game brought to you by terrible code and a terrible name xD SUBSCRIBBLE ANYWAY! It takes under a minute and it really helps me out. https://www.khanacademy.org/computer-programming/levis-sub-page/6272917622194176 / smooth(); textFont(createFont("Miriam Libre Bold"), 100); if(textWidth("pink orbits") !== 548) { textFont(createFont("trebuchet ms Bold")); } var bc = color(232, 96, 136); bc = color(58, 181, 126); var cc = color(16, 47, 56); var keyp = false, maxST = 400, spawnPoint = 600, haz = [], ra = 3, rs = 30, dImg = get(), mode = "menu", collect = false, parts = [], pinkParts = [], ty = -100, tz = 0, click = false; var initiateLogo = function() { this.snap = false; this.x = width / 2; this.y = height / 2; this.s = 600; this.logoS = 1; this.logoParts = []; for(var i = 1; i < 10; i ++) { var n = random(0, 360); this.logoParts.push({x: sin(n)300(10i), y: cos(n)300(10i), s: 1}); } this.logoPartsGo = function(i) { fill(bc); i.x += (width/2 - i.x)/20; i.y += (height/2 - i.y)/20; if(dist(i.x, i.y, width/2, height/2) < 0.1) { i.s = 0; this.snap = true; } var s = lerp(i.s, 130, 1 - dist(i.x, i.y, width/2, height/2)/250); ellipse(i.x, i.y, s, s); }; this.logo = function(x, y, s) { pushMatrix(); translate(x, y); scale(s/300); noStroke(); stroke(cc); strokeCap(ROUND); strokeJoin(ROUND); // L noFill(); strokeWeight(30); beginShape(); vertex(-86.60, -50.00); vertex(-86.60, 50.00); vertex(-0.00, 100.00); endShape(); // C beginShape(); vertex(86.60, 50.00); vertex(0.00, 0.00); vertex(0.00, -100.00); vertex(86.60, -50.00); endShape(); popMatrix(); noStroke(); }; this.logoAll = function() { if(this.snap){ this.s = lerp(this.s, max(width,height) 2.5, 0.05); noFill(); stroke(cc); strokeWeight(400); this.logoS = lerp(this.logoS, 0.4, 0.05); if(this.s < max(width,height) * 2.4){ ellipse(width / 2, height / 2, this.s, this.s); } }else{ background(0, 0, 0, 0); noStroke(); for(var i = this.logoParts.length - 1; i >= 0; i--) { this.logoPartsGo(this.logoParts[i]); if(this.logoParts[i].s === 0) { this.logoParts.splice(i, 1); } } if(this.snap){ fill(bc); ellipse(width / 2,height / 2,130,130); } this.img = get(); if(this.snap){ background(255, 0); image(this.img,0,0); this.logo(width/2, height/2, 120); this.cornerLogo = get(); } background(cc); image(this.img,0,0); this.logo(width/2, height/2, 120); } }; }; var logo = new initiateLogo(); var cam = { x: 0, y: 0, cx: 300, cy: -100, speed: 3, shake: 0, }; var p = { x: 285, y: 420, vy: 0, grav: 0.3, dead: 0, pDead: 0, coins: 0, best: 0, }; var eye = function(x, y, s) { line(x, y - s/2, x, y + s/2); }; var r = function(x, c) { var r = x/5; if(r < 70 && r > -40) { stroke(cc); strokeWeight(1); pushMatrix(); translate(cam.cx, cam.cy); if(c === 0) { beginShape(); vertex(sin(r)400, cos(r)400); vertex(sin(r + ra/2)(400 + rs), cos(r + ra/2)(400 + rs)); vertex(sin(r + ra)400, cos(r + ra)400); endShape(CLOSE); if(r < 2.4 && r > -4.8 && p.y < 325) { p.dead++; } } else { beginShape(); vertex(sin(r)550, cos(r)550); vertex(sin(r + ra/2)(550 - rs), cos(r + ra/2)(550 - rs)); vertex(sin(r + ra)550, cos(r + ra)550); endShape(CLOSE); if(r < 1.4 && r > -4.2 && p.y > 395) { p.dead++; } } noStroke(); popMatrix(); } }; var c = function(x, c) { var r = x/5; if(r < 70 && r > -40) { strokeWeight(4); pushMatrix(); translate(cam.cx, cam.cy); noStroke(); if(c === 0) { ellipse(sin(r)415, cos(r)415, 20, 20); stroke(bc); line(sin(r)410, cos(r)410, sin(r)420, cos(r)420); noStroke(); if(r < 3.4 && r > -3.4 && p.y < 325) { collect = true; } } else { ellipse(sin(r)535, cos(r)535, 20, 20); stroke(bc); line(sin(r)530, cos(r)530, sin(r)540, cos(r)540); noStroke(); if(r < 2.8 && r > -2.8 && p.y > 395) { collect = true; } } popMatrix(); } }; var spawn = function() { if(maxST < spawnPoint - cam.x) { var r = floor(random(random(2))), r2 = random(1, 8), up = round(random()), r3 = random(5); for(var i = 0; i < r2; i++) { haz.push([maxST, r, up]); if(r === 0) { if(r3 < 1) { haz.push([maxST, 1, 1 - up]); } } maxST += rs/2; } maxST += 30 + cam.speed15; } }; var doPart = function(n) { // x, y, s, r, vx, vy var r = (cam.x + n[0])/5; n[0] += n[4]; n[1] += n[5]; n[3] += 5; n[2] -= 0.3; beginShape(); for(var i = 0; i < 360; i += 90) { vertex(cam.cx + sin(r)(n[1] - cam.cy) + sin(i + r + n[3])n[2], cam.cy + cos(r)(n[1] - cam.cy) + cos(i + r + n[3])*n[2]); } endShape(); }; var game = function() { background(cc); fill(bc); textSize(80 + tz); textAlign(3, 3); text(p.coins, 300, ty + 225); pushMatrix(); translate(cam.cx, cam.cy); rotate(18); translate(-cam.cx + random(-cam.shake, cam.shake), -cam.cy + random(-cam.shake, cam.shake)); noStroke(); cam.shake += -cam.shake/5; spawn(); stroke(bc); noFill(); strokeWeight(150); ellipse(300, -100, 950, 950); fill(cc); for(var i = haz.length - 1; i >= 0; i--) { if(haz[i][1] === 0) { r(haz[i][0] + cam.x, haz[i][2]); } else if(haz[i][1] === 1) { c(haz[i][0] + cam.x, haz[i][2]); if(collect) { p.coins += 2; collect = false; haz.splice(i, 1); cam.shake += 3; tz = 20; for(var j = 0; j < 10; j++) { parts.push([-cam.x, p.y + 30, random(10, 20), random(0, 90), random(-3, 7), random(-3, 3)]); } } } if(cam.x + 160 < -haz[i][0]) { haz.splice(i, 1); } } noStroke(); for(var i = parts.length - 1; i >= 0; i--) { doPart(parts[i]); if(parts[i][2] <= 0 \|\| cam.x + 160 < -parts[i][0]) { parts.splice(i, 1); } } if(p.dead === p.pDead) { p.dead = 0; p.pDead = 0; } p.pDead = p.dead; fill(cc); rect(p.x, p.y, 30, 30, 3); stroke(bc); strokeWeight(4); eye(p.x + 8, p.y + 15, 13); eye(p.x + 22, p.y + 15, 8); noStroke(); if(p.y >= 420) { p.y = 420; p.vy = 0; if(random() < 0.5) { parts.push([-cam.x, p.y + 30, random(10, 20), random(0, 90), random(0, -2), random(-4, 0)]); } if(keyp \|\| click) { p.grav = -cam.speed/5; p.vy = -cam.speed; keyp = false; } } if(p.y <= 300) { p.y = 300; p.vy = 0; if(random() < 0.5) { parts.push([-cam.x, p.y, random(10, 20), random(0, 90), random(0, -2), random(0, 4)]); } if(keyp \|\| click) { p.grav = cam.speed/5; p.vy = cam.speed; keyp = false; } } p.vy += p.grav; p.y = constrain(p.y + p.vy, 300, 420); cam.speed += 0.001; if(p.dead > 1) { dImg = get(); mode = "menu"; cam.shake = 10; p.best = max(p.best, p.coins); for(var j = 0; j < 50; j++) { parts.push([-cam.x, p.y + 30, random(10, 20), random(0, 90), random(-3, 7), random(-3, 3)]); } } else { cam.x -= cam.speed; } popMatrix(); ty += (-100 - ty)/20; tz += -tz/20; click = false; }; var gameStatic = function() { background(cc); fill(bc); textSize(80); textAlign(3, 3); if(p.coins > 0) { text(p.coins, 300, ty + 225); } pushMatrix(); translate(cam.cx, cam.cy); rotate(18); translate(-cam.cx + random(-cam.shake, cam.shake), -cam.cy + random(-cam.shake, cam.shake)); noStroke(); cam.shake += -cam.shake/10; spawn(); stroke(bc); noFill(); strokeWeight(150); ellipse(300, -100, 950, 950); fill(cc); for(var i = haz.length - 1; i >= 0; i--) { if(haz[i][1] === 0) { r(haz[i][0] + cam.x, haz[i][2]); } else if(haz[i][1] === 1) { c(haz[i][0] + cam.x, haz[i][2]); } noStroke(); } for(var i = parts.length - 1; i >= 0; i--) { doPart(parts[i]); if(parts[i][2] <= 0 \|\| cam.x + 160 < -parts[i][0]) { parts.splice(i, 1); } } fill(cc); rect(p.x, p.y, 30, 30, 3); stroke(bc); strokeWeight(4); eye(p.x + 8, p.y + 15, 13); eye(p.x + 22, p.y + 15, 8); noStroke(); popMatrix(); ty += (125 - ty)/10; tz += -tz/20; if((keyp \|\| click) && ty > 100) { mode = "game"; maxST = 400; haz = []; parts = []; cam.x = 0; cam.speed = 3; p.dead = false; p.coins = 0; keyp = false; } click = false; }; mousePressed = function() { click = true; }; draw = function() { if(!logo.snap) { click = false; } scale(min(width, height)/600); if(mode === "game") { game(); } if(mode === "menu") { gameStatic(); } fill(bc); textSize(80); textAlign(3, 3); text("sidestep", 300, ty); textSize(30); text("click to play", 300, 645 - ty); if(p.best) { text("best: " + p.best, 300, ty + 60); } fill(cc); //text(this.__frameRate.toFixed(2) + "\n" + parts.length, 293, 350); parts.push([random(-120, 380) + -cam.x, 470, random(7, 15), random(0, 90), random(-1, 1), random(-3, 0)]); resetMatrix(); logo.logoAll(); }; keyPressed = function() { keyp = true; }; keyReleased = function() { keyp = false; };
Folds	28,30,41,130,134,142,143,152,155,157,158,187,188,215,216,234,235,247,250,371,372,444,447,451,452,481,482,484,485,487
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP3P_saRCgw
Votes	263
Spin-Offs	31
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Levi F.
Author Name	LeviCoder
Author ID	kaid_1152620490185361154142770
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739447504996
Updated	8 months ago, 1744845436280
Source Deleted	unknown