Viewing Program

Program Data

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

Title	GLITCH [Game]
ID	4773928902115328
Created	2 years ago, 1678563398289
Updated	2 years ago, 1678809903473
Code	/ GLITCH--------------------------------------------------------- A platformer with a twist! click to 'glitch' between two differnt worlds! Feel Free to make a level below and post it in the T&T! 100 votes!?!? :O Wow guys, thanks!! MADE ON-------------------------------------------------------- MacBook Air. Tested on: Brave, Safari, & Chrome Browsers. Rankings: 1.Brave: Not laggy, good graphics 2.Chrome: Not laggy, but the graphics are a bit off... 3.Safari: SOOOO laggy. The worst.... CREDITS-------------------------------------------------------- Credit to Captain Longtreader for the moving camera Credit to Liam.K for his platformer tutorial MAKE A LEVEL--------------------------------------------------- Replace the dots with the symbols for the blocks: Green Blocks: g---basic block ^---spike up v---spike down <---spike left >---spike right ~---trampoline Black Blocks: b---basic block \|---spike up _---spike down (---spike left /---spike right =---trampoline Other Blocks: p---player starting position @---portal(non-color) Below is the basic template, and of course you can add more lines or make the lines longer. [ "..............................", "..............................", ], / //The Code[ //Basic Variables var scene = 'menu'; var clicked; var keys = []; keyPressed = function () { keys[keyCode] = true; }; keyReleased = function () { keys[keyCode] = false; }; var clr = { g:color(0, 255, 217), b:color(0, 0, 0), }; //Player Variables var jump = false; //Game Variables var glitch = false; var cam = { x:0, y:0 }; var messages = ["Welcome to Glitch!\nArrow keys or wasd to move.", "You may be thinking,\n'another platformer...sigh'", "But this one is\nslightly different!", "Try Clicking!", "Let's begin our adventure!", "Have fun!", "", "", "", "", "", "", "", "\n\nThanks for playing!\nIf you want to create a level look at the 'Make a Level' section\nin the code. Then post your level in the T&T and I'll add it!\nThe following levels are by users.","Made By AidenK9973", "Made By Valenzuela, Riley", "Made By Keith Boiger", "The End!"]; //Images[ background(clr.b); fill(clr.g); textAlign(CENTER, CENTER); textSize(100); text("GLITCH", 300, 50); textSize(25); text("By ▪︎Dipper98▪︎", 300, 120); var G1 = get(0, 0, 300, 150); background(clr.g); fill(clr.b); textAlign(CENTER, CENTER); textSize(100); text("GLITCH", 300, 50); textSize(25); text("By ▪︎Dipper98▪︎", 300, 120); var G2 = get(300, 0, 300, 150); background(clr.b); fill(clr.g); textAlign(CENTER, CENTER); textSize(40); text(">>>Click to Start<<<", 300, 50); var C1 = get(0, 0, 300, 100); background(clr.g); fill(clr.b); textAlign(CENTER, CENTER); textSize(40); text(">>>Click to Start<<<", 300, 50); var C2 = get(300, 0, 300, 100); //] //Player var Player = function(x,y){ this.x = x; this.y = y; this.w = 20; this.h = 20; this.px = 0; this.py = 0; this.xv = 0; this.yv = 0; this.grav = 0.32; this.canJump = false; this.jumpPower = 7; }; Player.prototype.draw = function() { if (glitch){ fill(clr.b); }else{ fill(clr.g); } noStroke(); rect(this.x,this.y,this.w,this.h, 5); if (glitch){ fill(clr.g); }else{ fill(clr.b); } if (keys[RIGHT] \|\| keys[68]){ rect(this.x+6,this.y+4,5,12, 40); rect(this.x+14,this.y+4,5,12, 40); }else if (keys[LEFT] \|\| keys[65]){ rect(this.x+1,this.y+4, 5, 12, 40); rect(this.x+8, this.y+4, 5, 12, 40); }else{ rect(this.x+4,this.y+4,5,12, 40); rect(this.x+12,this.y+4,5,12, 40); } }; Player.prototype.move = function(){ this.px = this.x; this.py = this.y; this.y += this.yv; this.yv += this.grav; this.x += this.xv; this.xv = 0; if(keys[LEFT] \|\| keys[65]){ this.xv = -3; } if(keys[RIGHT] \|\| keys[68]){ this.xv = 3; } //Ignore above, we didnt change anything. if(keys[UP] && this.canJump \|\| keys[87] && this.canJump){ this.yv = -this.jumpPower; this.canJump = false; } if (jump){ this.jumpPower = 10; this.yv = -this.jumpPower; this.jumpPower = 7; jump = false; } this.canJump = false; }; var player = new Player(200, 200); Player.prototype.collide = function(obj){ if(obj.checkColl(this)){ if(this.py <= obj.y - this.h) { this.y = obj.y - this.h; this.canJump = true; this.yv=0; } else if(this.px >= obj.x + obj.w) { this.x = obj.x+obj.w; this.xv = 0; } else if(this.px <= obj.x- this.w) { this.x = obj.x-this.w; this.xv = 0; } else if(this.py >= obj.y + obj.h){ this.y = this.py; this.yv = -this.yv; } } }; //Blocks var rectRect = function(x1,y1,w1,h1,x2,y2,w2,h2){ return(x1 + w1 > x2 && y1 + h1 > y2 && x1 < x2 + w2 && y1 < y2 + h2); }; var blocks = []; var Block = function(x, y, type){ this.x = x; this.y = y; this.w = 20; this.h = 20; this.type = type; }; Block.prototype.checkColl = function(obj){ return(rectRect(this.x,this.y,this.w,this.h,obj.x,obj.y,obj.w,obj.h)); }; Block.prototype.display = function() { switch(this.type){ //Basic Blocks case 'black-block': fill(clr.b); rect(this.x,this.y,this.w,this.h, 5); break; case 'green-block': fill(clr.g); rect(this.x,this.y,this.w,this.h, 5); break; //Green Spikes case 'green-spike-up': fill(clr.g); triangle(this.x,this.y+20,this.x+10,this.y,this.x+20,this.y+20); break; case 'green-spike-down': fill(clr.g); triangle(this.x,this.y,this.x+10,this.y+20,this.x+20,this.y); break; case 'green-spike-left': fill(clr.g); triangle(this.x,this.y+10,this.x+20,this.y,this.x+20,this.y+20); break; case 'green-spike-right': fill(clr.g); triangle(this.x,this.y,this.x,this.y+20,this.x+20,this.y+10); break; //Black Spikes case 'black-spike-up': fill(clr.b); triangle(this.x,this.y+20,this.x+10,this.y,this.x+20,this.y+20); break; case 'black-spike-down': fill(clr.b); triangle(this.x,this.y,this.x+10,this.y+20,this.x+20,this.y); break; case 'black-spike-left': fill(clr.b); triangle(this.x,this.y+10,this.x+20,this.y,this.x+20,this.y+20); break; case 'black-spike-right': fill(clr.b); triangle(this.x,this.y,this.x,this.y+20,this.x+20,this.y+10); break; //Trampolines case 'green-trampoline': fill(clr.g); arc(this.x+10, this.y+20, this.w, 15, 180, 360); break; case 'black-trampoline': fill(clr.b); arc(this.x+10, this.y+20, this.w, 15, 180, 360); break; //Portal case 'portal': fill(242, 0, 255); ellipse(this.x+10,this.y+10,20,20); fill(186, 0, 199); ellipse(this.x+10,this.y+10,15,15); fill(131, 0, 140); ellipse(this.x+10,this.y+10,10,10); fill(100, 0, 107); ellipse(this.x+10,this.y+10,5,5); break; } }; //Levels var level = 0; var levels = [ [ 'p...........................@', 'ggggggggggggggggggggggggggggg', ], [ 'p......^............^.......@', 'ggggggggggggggggggggggggggggg', ], [ 'p...^^.............^^.........@', 'gggggggggg...ggggggggggg...gggg', ], [ 'p............................@', 'gggggggggg...bbb...ggggggggggg', ], [ '..............................', '.................\|............', '..bbbb...ggg...bbbbb..........', 'pb..................b..\|...\|..@', 'g....................bbbbbbbbbb', ], [ '.............................', '....g........................', '....g..................^^...@', 'p...g........bb....gggggggggg', 'ggg.g.......bbb..............', '......\|....bbbb..............', '..bbbbbbbbbbbbb..............', ], [ '@..\|...\|......', 'bbbbbbbbb.....', '..............', '..............', '..............', '............~.', '...........ggg', '..............', '..............', '..............', '.......=......', '......bbb.....', '..............', '..............', '..............', 'p...^^.....~..', 'gggggggggggg..', ], [ '......................................ggggggggggggg', '.......................................vvv.....vvvg', '......................\|\|..\|\|..=...................g', '....................bbbbbbbbbbb...................g', 'p..^^..^^..~................................^....@g', 'gggggggggggg...........................gggggggggggg', ], [ 'gggggggggbbbbbbbbb', 'gv.............._b', 'g................b', 'g................b', 'g...<ggggbbbb/...b', 'gp..<ggggbbbb/..@b', 'gggggggggbbbbbbbbb', ], [ 'p.............', 'gggg..........', 'g.........^...', 'g........<g>..', 'g.........v...', 'g......^......', 'g.....<g>.....', 'g.^....v......', 'g<g>.......^..', 'g.v.\|b....<g>.', 'g@.\|b......v..', 'gb.b....g.....', 'g^\|^\|^\|^\|^\|^\|^', 'ggbgbgbgbgbgbg', ], [ 'p.............................@', 'g....b....g....b....g....b....g', ], [ '.....................................', '.....................^...............', '.............\|....gggg.......\|.......', 'p....^....bbbb............bbbb......@', 'gggggg...........................gggg', ], [ '......bbbbbbbbbbb.....................', '......................................', '......................................', '.................................^...g', '.................................ggg.g', '........\|\|..\|\|\|\|.=.................g.g', '......bbbbbbbbbbbb......^^..~......g.g', '.......................gggggg......g.g', '...................................g.g', '...................................g.g', '...................................g.g', 'p...~..............................g@g', 'ggggg..............................ggg', ], [ '..p.@', 'ggggg', ], [ "bggggggggggggggggggggggggggggggb", "bgp...........................gb", "bggggggggggggggggggggggggggggggb", "bg..bbb..bbb..bbb...bbb..bb.bbgb", "bg..b.b..b.b..b.b...b.b...b\|b@gb", "bg\|\|b.b..b.b..b.b...b.b...bbb.gb", "bgbbb.b()b.b..b.b(((b.b...b...gb", "bg....................b()(b..=gb", "bggggggggggggggg\|g\|ggggggggggggb", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ 'ggggggggggggggggggggggggggggggggggggg', 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb', 'gb>/_v_v_v_v_v_v_v_v_v_v_v_v_v_v_bg<(', 'gb>/p................<..........@bg<(', 'gb>/ggggggggggggggggg(gggggggggggbg<(', 'gb>/bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbg<(', 'gb>/.............................bg<(', 'gb>/bbbbbbbbbbbbbbggbbbbbbbbbbbbbbg<(', 'gb>/gggggggggggggggggggggggggggggbg<(', ], [ '.............................', '.............................', '.............................', '.............................', '.............................', '.............................', '........................................@', '.............................bbbbbbbbbbggg', '....................ggg....................ggg', '............ggg.......g.......................ggg', '......................g..........................ggg', '....................ggg.............................ggg', '....................bbb......ggg.....bbb', '..............ggg....................gggggggggg', '..............bbb............', '.............................', '.......ggggg.................', '.......bbbbb.................', '.............................', '.............................', '.............................', '.............................', '.............................', '.....~....p..................', 'gggggggggggggggggggggggggggggg', ], [ '..p..', 'ggggg', ], ]; //The different blocks var drawLevel = function(){ blocks = []; for(var i = 0; i < levels[level].length;i++){ for(var j = 0; j < levels[level][i].length;j++){ switch(levels[level][i][j]){ case 'b': blocks.push(new Block(j20,i20,'black-block')); break; case 'g': blocks.push(new Block(j20,i20,'green-block')); break; case 'p': player.x = j20; player.y = i20; break; case '@': blocks.push(new Block(j20,i20,'portal')); break; case '^': blocks.push(new Block(j20, i20, 'green-spike-up')); break; case 'v': blocks.push(new Block(j20, i20, 'green-spike-down')); break; case '<': blocks.push(new Block(j20, i20, 'green-spike-left')); break; case '>': blocks.push(new Block(j20, i20, 'green-spike-right')); break; case '\|': blocks.push(new Block(j20, i20, 'black-spike-up')); break; case '_': blocks.push(new Block(j20, i20, 'black-spike-down')); break; case '/': blocks.push(new Block(j20, i20, 'black-spike-right')); break; case "(": blocks.push(new Block(j20, i20, 'black-spike-left')); break; case "~": blocks.push(new Block(j20, i20, 'green-trampoline')); break; case "=": blocks.push(new Block(j20, i20, 'black-trampoline')); break; } } } }; drawLevel(); var drawMenu = function(){ background(clr.g); //The person[ fill(clr.b); rect(0, 0, 300, 600); for (var x = 0; x < 600 ; x += 20){ if (x > 300){ fill(clr.b); }else{ fill(clr.g); } rect(x, 340, 20, 20, 5); } rectMode(CENTER); rect(300, 300, 300, 300, 40); fill(clr.g); rect(225, 300, 150, 300, 40); noStroke(); rect(245, 300, 110, 300); rect(350, 300, 50, 200, 40); fill(clr.b); rect(250, 300, 50, 200, 40); rectMode(LEFT); //] //The text[ image(G1, 0, 0); image(G2, 300, 0); image(C1, 0, 470); image(C2, 300, 470); //] if (clicked){ scene = 'game'; } }; var drawGame = function(){ if (glitch){ background(clr.g); }else{ background(clr.b); } if (clicked){ if (glitch){ glitch = false; }else{ glitch = true; } } //The Levels pushMatrix(); translate(cam.x, cam.y); for(var i = 0; i < blocks.length; i ++){ blocks[i].display(); if(blocks[i].type === 'green-block' && glitch === false \|\| blocks[i].type === "black-block" && glitch){ player.collide(blocks[i]); } if(blocks[i].checkColl(player)){ switch(blocks[i].type){ case 'portal': level ++; drawLevel(); glitch = false; break; case 'green-spike-up': if (glitch === false){ drawLevel(); } break; case 'green-spike-down': if (glitch === false){ drawLevel(); } break; case 'green-spike-left': if (glitch === false){ drawLevel(); } break; case 'green-spike-right': if (glitch === false){ drawLevel(); } break; case 'black-spike-up': if (glitch){ drawLevel(); glitch = false; } break; case 'black-spike-down': if (glitch){ drawLevel(); glitch = false; } break; case 'black-spike-left': if (glitch){ drawLevel(); glitch = false; } break; case 'black-spike-right': if (glitch){ drawLevel(); glitch = false; } break; case 'green-trampoline': if (glitch === false){ jump = true; } break; case 'black-trampoline': if (glitch){ jump = true; } break; } } } player.draw(); player.move(); popMatrix(); cam.x = lerp(cam.x, 200-player.x, 0.05); cam.y = lerp(cam.y, 300-player.y, 0.05); //Text if (glitch){ fill(clr.b); }else{ fill(clr.g); } textAlign(CENTER,CENTER); textSize(20); text(messages[level], 300, 30); if (player.y > 700){ drawLevel(); glitch = false; } }; draw = function(){ switch(scene){ case 'menu': drawMenu(); break; case 'game': drawGame(); break; } clicked = false; }; mouseClicked = function(){ clicked = true; }; //]
Folds	36,39,41,665
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJODz7u9CAw
Votes	203
Spin-Offs	15
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	▪Dipper98▪
Author Name	Dipper08
Author ID	kaid_3886238215093093067654746
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739369591550
Updated	10 months ago, 1739369591550
Source Deleted	unknown