Viewing Program

Program Data

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

Title	2.5D platformer (fdjk)
ID	5239169219674112
Created	14 days ago, 1742828888122
Updated	12 days ago, 1743024893046
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>2.5D platformer (fdjk)</title> <!--inport google fonts--> <link href="https://fonts.googleapis.com/css?family=Noto+&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Road+Rage&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Sansita&display=swap" rel="stylesheet"> <style> body{ margin:0; } canvas{ position:fixed; top:0px; left:0px; z-index:1000; background:black; } #sub{ position:fixed; top:0px; left:400px; width:200px; height:83px; z-index: 203040; /background:green;/ } </style> </head> <body id = "body"> <canvas id = "canvas2"></canvas> <script type> function thum(){ var canvas2 = document.getElementById('canvas2'), ctx2 = canvas2.getContext('2d'); canvas2.width = window.innerWidth; canvas2.height = window.innerWidth; function random(min,max){ return min+Math.random()(max-min); } function ellipse(x, y, w, h) { ctx2.beginPath(); ctx2.ellipse(x, y, w / 2, h / 2, 0, 0, 2 Math.PI); ctx2.fill(); ctx2.closePath(); }; function quad(x1, y1, x2, y2, x3, y3, x4, y4) { ctx2.beginPath(); ctx2.moveTo(x1, y1); ctx2.lineTo(x2, y2); ctx2.lineTo(x3, y3); ctx2.lineTo(x4, y4); ctx2.lineTo(x1, y1); ctx2.fill(); ctx2.closePath(); } function tri(x, y){ ctx2.beginPath(); ctx2.moveTo(x, y); ctx2.lineTo(x+15, y-50); ctx2.lineTo(x+30, y); ctx2.fill(); ctx2.closePath();} function TRI(x, y, n){ for(let i = 0; i < n; i ++){ tri(x-i1.20,y-i) } } ctx2.scale(1.15, 1.15); ctx2.translate(-75, 20); ctx2.save(); ctx2.translate(-52, 173); ctx2.rotate(-0.25); ctx2.fillStyle = "rgb(181, 153, 75)" ctx2.fillRect(-46, 262, 655, 600) ctx2.fillStyle = "rgb(201, 173, 95)" ctx2.fillRect(-104, 300, 777, 600) ctx2.fillStyle = "rgb(235, 0, 0)" quad(200, 300, 300, 300, 250, 262, 150, 262); ctx2.fillStyle = "rgb(255, 0, 13)" ctx2.fillRect(200, 300, 100, 40) ctx2.fillStyle = "rgb(227, 227, 227)" TRI(400, 300, 38) ctx2.fillStyle = "rgb(207, 207, 207)" TRI(368, 300, 38); ctx2.fillStyle = "rgb(187, 187, 187)" TRI(338, 300, 38); ctx2.fillStyle = "rgb(141, 141, 141)" tri(338, 300); ctx2.fillStyle = "rgb(161, 161, 161)" tri(368, 300); ctx2.fillStyle = "rgb(181, 181, 181)" tri(400, 300); ctx2.fillStyle = "white" for(let i = 0; i < 50; i ++){ let s = random(2, 30); ellipse(542 + Math.sin(i) (60-s-s), 258 + Math.cos(i) * (60-s-s), s, s); } ctx2.fillStyle = "rgb(212, 212, 212)" quad(283+50, 30, 223+50, 140, 283+50, 140, 343+50, 30); ctx2.strokeStyle = "rgb(212, 212, 212)" ctx2.lineWidth = "10" ctx2.beginPath(); ctx2.ellipse(213, 248, 200 , 200 , 0, 3.19, 5.01 ); ctx2.stroke(); ctx2.closePath(); ctx2.beginPath(); ctx2.ellipse(226, 255, 170 , 170 , 0, 3.19, 5.01 ); ctx2.stroke(); ctx2.closePath(); ctx2.restore(); } thum(); </script> <canvas id = "canvas"></canvas> <a id = "sub" target = "_blank" href = "https://www.khanacademy.org/computer-programming/vicioustrexs-subpa/5318030875082752"></a> <script type> function pro() { //get the canvas and context const canvas = document.getElementById('canvas') const ctx = canvas.getContext('2d') const img = document.getElementById('canvas2') const sub = document.getElementById('sub'); canvas.width = 600; canvas.height = 600; let keys = {}; let clicked = false; //if the mouse is clicked clicked = true window.addEventListener('click', (e) => { clicked = true }); window.addEventListener("keydown", (e) => { e.preventDefault(); keys[e.key] = true; }) window.addEventListener("keyup", (e) => { delete keys[e.key]; }) function quad(x1, y1, x2, y2, x3, y3, x4, y4) { ctx.beginPath(); ctx.moveTo(x1, y1); ctx.lineTo(x2, y2); ctx.lineTo(x3, y3); ctx.lineTo(x4, y4); ctx.lineTo(x1, y1); ctx.fill(); ctx.closePath(); } let mousex = 0; let mousey = 0; let levels = 0; window.addEventListener("mousemove", (e) => { mousex = e.x; mousey = e.y; }) function coll(x1, y1, w1, h1, x2, y2, w2, h2){ return x1 + w1 > x2 && x2 + w2 > x1 && y1 + h1 > y2 && y2 + h2 > y1 } function dist(x1, y1, x2, y2) { return Math.hypot(x2 - x1, y2 - y1); } function random(min, max) { return min + Math.random() * (max - min); } function ellipse(x, y, w, h) { ctx.beginPath(); ctx.ellipse(x, y, w / 2, h / 2, 0, 0, 2 * Math.PI); ctx.fill(); ctx.closePath(); }; let Trans_sects = []; let les = []; let level = 1; function le(x,y,xdir,ydir,c,g,s, si, r){ this.X = x; this.Y = y; this.Color = c; this.size = si; this.x_vel = xdir; this.y_vel = ydir; this.trans = random(220, 255); this.g = g; this.s = s; this.r = r; this.R = 0; } le.prototype.draw = function() { ctx.save(); ctx.fillStyle = "rgba(" + this.Color + "," + this.trans/2/255 + ")" ctx.translate(this.X, this.Y) ctx.rotate(this.R); ctx.fillRect(-this.size/2, -this.size/2, this.size, this.size); ctx.restore(); }; le.prototype.update = function(){ this.X += this.x_vel; this.Y += this.y_vel; this.trans -= random(1, 2); this.y_vel += this.g; this.size += this.s; this.R += this.r }; //object for sections of the transitions class Trans_sect { / create a basic block it pops on screen and then fades away @constructor @param {number} x - the x position of the section / constructor(x) { this.x = x; this.time = 0; this.w = 50; this.helped_yet = false; } //draw it draw() { ctx.fillStyle = "rgba(0 , 0, 0," + (100 - this.time) + "%)"; ctx.fillRect( 0, this.x, 600,this.w); } //update it update() { this.draw(); this.time += 1.8; if (this.time >= 3 && this.x < 600 && !this.helped_yet) { Trans_sects.push(new Trans_sect(this.x + this.w)); this.helped_yet = true; } if (this.x >= 600 - this.w) { levels[level](); } } } / starts the transtion @function / function trans() { Trans_sects.push(new Trans_sect(0)) } class bparticle{ constructor(x, y) { this.x = x; this.y = y; this.xv = random(2, 3); this.yv = random(-1, 1); this.s = random(2, 5); } draw (){ if(this.s > 0){ ctx.fillStyle = "rgba(255, 255, 255, "+(100-(this.s5))+"%)" ctx.fillRect(this.x, this.y, this.s, this.s); } } update(){ this.x += this.xv; this.y += this.yv; // this.s -= 1; // this.xv /= 1.2; // this.yv /= 1.2; this.draw(); } } let bparts = []; class partic{ constructor(x, y) { this.x = x; this.y = y; } draw (){ if(this.s > 0){ ctx.fillStyle = "rgb(201, 173, 95, 25%)" ellipse(this.x, this.y, 10, 10); } } update(){ this.x += this.xv; this.y += this.yv; this.s -= 1; this.xv /= 1.2; this.yv /= 1.2; this.draw(); } } class particle{ constructor(x, y) { this.x = x; this.y = y; this.xv = random(-5, 5); this.yv = random(-5, 5); this.s = random(10, 50); } draw (){ if(this.s > 0){ ctx.fillStyle = "white" ellipse(this.x, this.y, this.s, this.s); } } update(){ this.x += this.xv; this.y += this.yv; this.s -= 1; this.xv /= 1.2; this.yv /= 1.2; this.draw(); } } let parts = []; let Player; function g(x,y,r,l){ // ctx.strokeStyle = "white" // line(x,y, x + Math.sin(r + 1.55) l,y -Math.cos(r + 1.55) * l) // if(l > 10){ // g(x + Math.sin(r + 1.55) * l,y -Math.cos(r + 1.55) * l, random(r-0.4, r+0.4),l/1.08) // if(random(0, 400) > 300){ // g(x + Math.sin(r + 1.55) * l,y -Math.cos(r + 1.55) * l,random(r-0.4, r+0.4),l/1.08) // } // } } function Block(x, y, w, h){ ctx.fillStyle = "rgba(3, 83, 255, 25%)" // ctx.fillRect(x - (mousex-x)/3, y - (mousey-y)/3, w, h); ctx.fillStyle = "rgba(3, 83, 255, 20%)" quad(x, y, x + w, y, x + w - (Player.x+Player.w/2-(x+w))/7, y - (Player.y+Player.h/2-y)/7, x - (Player.x+Player.w/2-x)/7, y - (Player.y+Player.h/2-y)/7); quad(x,y,x,y+h , x - (Player.x+Player.w/2-x)/7, y + h - (Player.y+Player.h/2-(y+h))/7,x - (Player.x+Player.w/2-x)/7, y - (Player.y+Player.h/2-y)/7); quad(x+w,y,x+w,y+h,x + w - (Player.x+Player.w/2-(x+w))/7, y + h - (Player.y+Player.h/2-(y+h))/7,x + w - (Player.x+Player.w/2-(x+w))/7, y - (Player.y+Player.h/2-y)/7); quad(x, y+h, x+w, y+h,x + w - (Player.x+Player.w/2-(x+w))/7, y + h - (Player.y+Player.h/2-(y+h))/7,x - (Player.x+Player.w/2-x)/7, y + h - (Player.y+Player.h/2-(y+h))/7); ctx.fillStyle = "rgba(3, 83, 255, 25%)" ctx.fillRect(x, y, w, h); } function dir_Block(x, y, w, h, color){ // ctx.fillRect(x - (mousex-x)/3, y - (mousey-y)/3, w, h); ctx.fillStyle = color quad(Math.round(x), Math.round(y), Math.round(x + w), Math.round(y), Math.round(x + w - (Player.x+Player.w/2-(x+w))/7), Math.round(y - (Player.y+Player.h/2-y)/7), Math.round(x - (Player.x+Player.w/2-x)/7), Math.round(y - (Player.y+Player.h/2-y)/7)); quad(Math.round(x),Math.round(y), Math.round(x),Math.round(y+h) , Math.round(x - (Player.x+Player.w/2-x)/7), Math.round(y + h - (Player.y+Player.h/2-(y+h))/7), Math.round(x - (Player.x+Player.w/2-x)/7), Math.round(y - (Player.y+Player.h/2-y)/7) ); quad(Math.round(x+w), Math.round(y),Math.round(x+w), Math.round(y+h), Math.round(x + w - (Player.x+Player.w/2-(x+w))/7), Math.round(y + h - (Player.y+Player.h/2-(y+h))/7), Math.round(x + w - (Player.x+Player.w/2-(x+w))/7), Math.round(y - (Player.y+Player.h/2-y)/7) ); quad(Math.round(x), Math.round(y+h), Math.round(x+w), Math.round(y+h),Math.round(x + w - (Player.x+Player.w/2-(x+w))/7), Math.round(y + h - (Player.y+Player.h/2-(y+h))/7),Math.round(x - (Player.x+Player.w/2-x)/7), Math.round(y + h - (Player.y+Player.h/2-(y+h))/7)); } function block_top(x, y, w, h, color){ ctx.fillStyle = color quad( x - (Player.x+Player.w/2-x)/7, y - (Player.y+Player.h/2-y)/7, x + w - (Player.x+Player.w/2-(x+w))/7, y - (Player.y+Player.h/2-y)/7, x + w - (Player.x+Player.w/2-(x+w))/7, y + h - (Player.y+Player.h/2-(y+h))/7, x - (Player.x+Player.w/2-x)/7, y + h - (Player.y+Player.h/2-(y+h))/7 ); } class block{ constructor(x, y, w, h) { this.x = x this.y = y this.w = w this.h = h } draw() { dir_Block(this.x, this.y, this.w, this.h, "rgb(181, 153, 75)"); } draw2 (){ block_top(this.x, this.y, this.w, this.h, "rgb(201, 173, 95)"); } coll(){} update() { this.draw(); } } class Lava{ constructor(x, y, w, h) { this.x = x this.y = y this.w = w this.h = h } draw() { dir_Block(this.x, this.y, this.w, this.h, "rgb(235, 0, 0)"); } draw2() { block_top(this.x, this.y, this.w, this.h, "rgb(255, 0, 0)"); } coll(){ if(coll(this.x, this.y, this.w, this.h, Player.x, Player.y, Player.w, Player.h)){ Player.dead = true; trans(); } } update() { for(let i = 0; i < this.w/100; i +=3){ les.push(new le(this.x+random(0, this.w) ,this.y, random(-1,1), random(-5, -3) ,[255, 0, 0],0.1, -0.2, 10, random(-0.7,0.7))); } les.push(new le(this.x+random(0, this.w) ,this.y, random(-1,1), random(-5, -3) ,[255, 0, 0],0.1, -0.2, 10, random(-0.7,0.7))); this.draw(); } } class Tramp{ constructor(x, y, w, h) { this.x = x this.y = y this.w = w this.h = h } draw() { dir_Block(this.x, this.y, this.w, this.h, "rgb(110, 0, 235)"); } draw2() { block_top(this.x, this.y, this.w, this.h, "rgb(90, 0, 215)"); } coll(){ if(coll(this.x, this.y, this.w, this.h, Player.x, Player.y, Player.w, Player.h)){ if(Player.prev_y + Player.h <= this.y){ // ctx.fillRect(0,0,5000,500) Player.tramp = true } } } update() { this.draw(); } } class Door{ constructor(x, y) { this.x = x this.y = y this.w = 40 this.h = 40 } draw2() { // block_top(this.x, this.y, this.w, this.h, "rgb(255, 0, 0)"); } coll(){ // if(coll(this.x, this.y, this.w, this.h, Player.x, Player.y, Player.w, Player.h)){ // level++; // levels[2]() // } } update() { parts.push(new particle(this.x+(this.w/2), this.y+(this.h/2))) if(dist(Player.x, Player.y, this.x, this.y) <= 50 \|\| dist(Player.x, Player.y + Player.h, this.x, this.y) <= 50 \|\| dist(Player.x+Player.w, Player.y, this.x, this.y) <= 50\|\|dist(Player.x+Player.w, Player.y + Player.h, this.x, this.y) <= 50){ level++; levels[level](); } } } class Glass{ constructor(x, y, w, h) { this.x = x this.y = y this.w = w this.h = h } draw() { dir_Block(this.x, this.y, this.w, this.h, "rgb(175, 177, 250, 40%)"); } draw2() { block_top(this.x, this.y, this.w, this.h, "rgb(175, 177, 250, 40%)"); } coll(){ if(coll(this.x, this.y, this.w, this.h, Player.x, Player.y, Player.w, Player.h)){ if(Player.slam){ Player.slam = false; this.dead = true; for(let i = 0; i < this.w; i +=5){ les.push(new le(this.x+i ,this.y, random(-1,1), random(-1, 1) ,[175, 177, 250],0.1, -0.2, 10, random(-0.7,0.7))); } } } } update() { this.draw(); } } let Ai; let blocks = []; let dirs = []; let glasss = []; function norm(x, y, w, h){ blocks.push(new block(x, y, w, h)); } function lava(x, y, w, h){ blocks.push(new Lava(x, y, w, h)); } function door(x, y){ blocks.push(new Door(x, y)); } function tramp(x, y, w, h){ blocks.push(new Tramp(x, y, w, h)); } function glass(x, y, w, h){ glasss.push(new Glass(x, y, w, h)); } class player{ constructor(x, y) { this.x = x this.y = y this.w = 25 this.h = 40 this.speed = 4 this.jump_power = this.speed * 1.3 this.grav = 0.1 this.can_jump = false; this.x_vel = 0 this.y_vel = 0 this.slam = false; } draw() { if(this.dead){ // for(let i = 0; i < this.w; i ++){ // les.push(new le(this.x+i ,this.y, random(-1,1), random(-1, 1) ,[175, 177, 250],0.1, -0.2, 10, random(-0.7,0.7))); // } } else{ ctx.fillStyle = "lightgray" if(this.slam){ ctx.fillStyle = "white" this.h = 25 this.y_vel = 20; }else{ } quad(this.x + this.x_vel, this.y, this.x, this.y + this.h, this.x + this.w, this.y + this.h, this.x + this.w + this.x_vel, this.y) } } move() { this.x_vel /= 1.5 this.y_vel += this.grav; this.slam = false; this.h = 40; if(keys.s && this.can_jump === false \|\| keys.ArrowDown && !this.can_jump){ this.slam = true; } if(keys.a \|\| keys.ArrowLeft){ if(this.x_vel >= -this.speed2){ this.x_vel -= 1 } if(this.can_jump){ les.push(new le(this.x+this.w/2 ,this.y+this.h, 0, random(-5, -3) ,[201, 173, 95],0.5, -0.2, 10, 0)); } } if(keys.d \|\| keys.ArrowRight){ if(this.x_vel <= this.speed2){ this.x_vel += 1 } if(this.can_jump){ les.push(new le(this.x ,this.y+this.h, 0, random(-5, -3) ,[201, 173, 95],0.5, -0.2, 10, 0)); } } if(keys.w && this.can_jump \|\| keys.ArrowUp && this.can_jump){ for(let i = 0; i < this.w/5; i ++){ parts.push(new partic(this.x + i * 5 ,this.y+this.h)); } this.y_vel = -this.jump_power if(this.tramp){ this.y_vel = -this.jump_power1.5 } } } coll(obj){ if(coll(obj.x, obj.y, obj.w, obj.h, this.x, this.y, this.w, this.h)){ // ctx.fillStyle = "red" // ctx.fillRect(0,0,600,600) if (this.prev_y + this.h <= obj.y) { this.y = obj.y - this.h; this.y_vel = 0; this.can_jump = true; } else if (this.prev_y >= obj.y + obj.h) { this.y = obj.y + obj.h; this.y_vel = 0; } else if (this.prev_x + this.w <= obj.x) { this.x = obj.x - this.w; this.x_vel = 0; } else if (this.prev_x >= obj.x + obj.w) { this.x = obj.x + obj.w; this.x_vel = 0; } } } update() { this.prev_x = this.x; this.prev_y = this.y; this.draw(); this.move(); this.x += this.x_vel; this.y += this.y_vel; this.can_jump = false; ctx.fillStyle = "white" // ctx.fillText(this.x_vel, this.x, this.y-100); } } Player = new player(200, 100); function p(x, y){ Player.x = x; Player.y = y; } function allu(){ blocks = []; glasss = []; Player.dead = false; } levels = (function() { return ({ 1: function() { p(200,100) allu() norm(-200,200,1300,253); norm(-200,-800,1300,253); lava(226,180,65,20); norm(300,180,200,20); norm(0,180,200,20); norm(-176,0,200,20); norm(392,97,65,20); norm(502,42,65,20); norm(533,-47,65,20); norm(502,-162,65,20); norm(422,-225,65,20); tramp(360,-225,20,20); norm(15,-297,174,700); norm(630,-597,574,800); norm(-550,-597,375,1500); door(-169,-43); }, 2: function() { p(100,100) allu() norm(68,200,100,20); norm(187,148,100,20); norm(362,22,100,20); tramp(788,22,100,20); norm(676,-190,100,20); norm(306,-208,100,20); norm(0,-208,100,20); lava(-300,243,1592,1098); norm(0,-800,20,1042); door(0,-258); }, 3: function() { p(300,0) allu() norm(-100,-100,150,900); norm(-100,800,800,900); norm(550,-100,150,900); norm(50, 200,400,20); glass(450, 200,100,20); norm(150, 300,500,20); glass(50, 300,100,20); norm(50, 400,400,20); glass(450, 400,100,20); norm(150, 500,500,20); glass(50, 500,100,20); door(450,700); }, 4: function() { p(100,0) allu() norm(50, 200,2500,20); lava(300, 180,265,20); lava(1500, 180,260,20); lava(850, 180,410,20); tramp(600, 198,200,2); door(2000, 100); }, }); })(); levels[level](); let fc = 0; let dst = 0; let scene = "home" function mouse_over(x, y, w, h) { return mousex >= x && x + w >= mousex && mousey >= y && y + h >= mousey } class button { /* creates button to change scenes @constructor @param {number} x - x position of the button @param {number} y - y position of the button @param {number} w - the width of the button @param {number} h - the height of the button @param {string} sceneto - the scene to change to when the button is clicked @param {string} text - the text that shows up on the button @param {number} x1 - offset x for the text that shows up on the button @param {number} x2 - offset y for the text that shows up on the button @param {number} ts - size of the text that shows up on the button @param {string[]} scenes - the scenes that the button will show up on / constructor(x, y, w, h, sceneto, text, x1, x2, ts, scenes) { this.x = x; this.y = y; this.w = w; this.h = h; this.sceneto = sceneto; this.text = text; this.x1 = x1 this.x2 = x2 this.ts = ts this.display_on = scenes; } //draw it draw() { ctx.fillStyle = "white" if (mouse_over(this.x, this.y, this.w, this.h)) { ctx.fillStyle = "rgb(196, 255, 248)" } ctx.fillRect(this.x, this.y, this.w, this.h) ctx.fillStyle = "black" ctx.font = this.ts + "px Sansita" ctx.fillText(this.text, this.x + this.x1, this.y + this.x2); } //update it update() { if (mouse_over(this.x, this.y, this.w, this.h) && clicked) { // scene = this.sceneto; if (this.sceneto === "game") { } // trans(); // scene_to_go = this.sceneto scene = this.sceneto ctx.fillStyle = "black" ctx.fillRect(54, 169, 200, 200); ctx.fillStyle = "white" ctx.font = "100px Sansita" // ctx.fillText(this.sceneto,78,236); } this.draw(); } } //holds the scene shanging buttons let buttons = [ new button(175, 430, 250, 115, "game", "Play", 33, 91, 110, ["home"]), new button(0, 0, 200, 83, "home", "Home", 14, 62, 75, ["home", "how", "shop", "sub"]), new button(200, 0, 200, 83, "how", "How", 34, 67, 75, ["home", "how", "shop", "sub"]), new button(400, 0, 200, 83, "home", "don't click", 5, 60, 45, ["home", "how", "shop", "sub"]) ]; let scenes = (function() { / @returns - an object of functions one for each scene / return ({ game: function() { ctx.save(); ctx.translate(Math.round(-Player.x/2 + 300),Math.round( - Player.y/2 + 200)); if(fc % 3 === 0){ bparts.push(new bparticle(-500, random(-400, 800))) } for(let i = 0; i < bparts.length; i ++){ bparts[i].update(); if(bparts[i].x >= 1950){ bparts.splice(i, 1) } } ctx.restore(); ctx.save(); ctx.translate(-Player.x + 300, - Player.y + 200); for(var i = 0;i < les.length;i++){ if(dist(Player.x, Player.y, les[i].X, les[i].Y) <= 700){ les[i].draw(); } les[i].update(); if(les[i].trans<1){ les.splice(i, 1); } } Player.update(); Player.tramp = false; Player.dead = false for(let i = 0; i < glasss.length; i ++){ glasss[i].coll(); Player.coll(glasss[i]) glasss[i].update(); if(glasss[i].dead){ glasss.splice(i, 1); i --; } } for(let i = 0; i < blocks.length; i ++){ blocks[i].coll(); Player.coll(blocks[i]) blocks[i].update(); } for(let i = 0; i < blocks.length; i ++){ blocks[i].draw2(); } for(let i = 0; i < glasss.length; i ++){ glasss[i].draw2(); } for(let i = 0; i < parts.length; i ++){ if(dist(Player.x, Player.y, parts[i].x, parts[i].y) <= 700){ parts[i].update(); } if(parts[i].s <= 0){ parts.splice(i, 1) } } ctx.restore(); for (let i = 0; i < Trans_sects.length; i++) { Trans_sects[i].update(); if (Trans_sects[i].time > 100) { Trans_sects.splice(i, 1) i--; } } if(keys.Escape){ ctx.clearRect(0,0,600,600) ctx.drawImage(img,0,0,600,600) } if(Player.y > 1500){ levels[level](); Player.dead = true; } }, home: function() { sub.style.display = "block" ctx.fillStyle = "rgb(176, 235, 228)" ctx.fillRect(0, 0, 600, 600) ctx.save(); ctx.filter = "blur(5px)" ctx.drawImage(img, 0, 0); ctx.restore() ctx.fillStyle = "black" ctx.font = "150px Sansita" ctx.fillText("2.5D", 42, 241); ctx.fillText("FDJK", 245, 375); for (let i = 0; i < buttons.length; i++) { for (let j = 0; j < buttons[i].display_on.length; j++) { if (scene === buttons[i].display_on[j]) { buttons[i].update(); } } } }, how: function() { sub.style.display = "block" ctx.fillStyle = "rgb(176, 235, 228)" ctx.fillRect(0, 0, 600, 600) ctx.save(); ctx.filter = "blur(5px)" ctx.drawImage(img, 0, 0); ctx.restore() ctx.fillStyle = "black" ctx.font = "75px Road Rage" ctx.fillText("Move with the arrow keys", 42, 200); ctx.fillText("or wasd down or s to smash", 42, 260); ctx.fillText("smash to break glass avoid", 42, 320); ctx.fillText("lava get to the white thing", 42, 380); ctx.fillText("to continue have fun :)", 42, 440); for (let i = 0; i < buttons.length; i++) { for (let j = 0; j < buttons[i].display_on.length; j++) { if (scene === buttons[i].display_on[j]) { buttons[i].update(); } } } }, }); })(); function draw(){ fc ++; ctx.clearRect(0,0,600,600) scenes[scene](); clicked = false; } window.setInterval(draw, 10); } //display pro(); //<script> <---- for restart button </script> </body> </html> <script type> /* @how move with the arrow key or wasd s or down to slam slam to break glass get to the white thing to move on to the next level @subscribe: https://www.khanacademy.org/computer-programming/vicioustrexs-subpage-20/5318030875082752 all levels are possable My wip got 31 votes idk how so this might not do very well wow this is first thank you guys :) @shoutout to Sonic The Hedgehog for posting it on my subpage link to their profile: https://www.khanacademy.org/profile/kaid_851292644445276989632262 @Santiago Espinoza Sebastián André : Sí, es normal que se quede atascado al final. */ // alert ("give me constructive criticism on my menu I was rushed making it") </script>
Folds	1,1198
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIei8p-nCQw
Votes	134
Spin-Offs	56
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Vicioustrex 🐓
Author Name	Vicioustrex
Author ID	kaid_1063463007130342809105382
Author Profile Access	PUBLIC

Archive Data

Added	9 days ago, 1743306347344
Updated	9 days ago, 1743306347344
Source Deleted	unknown