Viewing Program

Program Data

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

Title	Q-Bert
ID	4762397856628736
Created	9 years ago, 1453145561642
Updated	9 years ago, 1459804104880
Code	var antiLag = false;//This will get rid of some of the graphics, but will greatly improve the speed of your gameplay /** ____ ____ ___ /\ _`\ /\ _`\ /\_ \ \ \ \L\_\___ _ __ \ \ \L\ \ __ ___ ___ __\//\ \ __ \ \ _\/ __`\/\`'__\ \ \ ,__/'__`\ /' __` __`\ /'__`\\ \ \ /'__`\ \ \ \/\ \L\ \ \ \/ \ \ \/\ \L\.\_/\ \/\ \/\ \/\ __/ \_\ \_/\ \L\.\_ \ \_\ \____/\ \_\ \ \_\ \__/.\_\ \_\ \_\ \_\ \____\/\____\ \__/.\_\ \/_/\/___/ \/_/ \/_/\/__/\/_/\/_/\/_/\/_/\/____/\/____/\/__/\/_/ I've been programming 7 months, and I have learned 100% of Intro to JS. I made a program that re-creates the classic game called Q-Bert You can read more about it here: https://en.wikipedia.org/wiki/Qbert CHANGES FROM ORIGINAL -I edited the graphics to look less pixel-like. -In the original, multiple snakes could spawn at a time. In this version, the number of snakes is one until level 7, when a second snake at half the speed is introduced. Also, to make it just as hard as the original, the snakes speed is determined based on how many levels you have completed. I like this version better, because it is not possible for the snakes to surround you, leaving you without an escape. -In the original, the squares had to be turned a different color each round. In this Qbert, I felt that the main focus was trying to outsmart the snake, and so you only have to change the squares to the same color the whole entire time. -The snake doesn't have move every "turn". Instead, there is a 1/2 probability for the snake to move left/right, and a 1/2 probability for the snake to move up/down. This makes it harder to go around the snake, as it sometimes will stay in place and then continue to follow you. INTERESTING FACTS When I was trying to figure out how to make Qbert, I realized something - 3D things are hard to simulate - especially whenever something (like Qbert) is moving on them. And so I had to somehow find a way to efficiently simulate 3D. First, I made an array containing the positioning for the blocks. In this array, you will notice something rather odd - the platforms on which Qbert is standing on are all oriented to the left! You see, I then used a for loop to move all of the blocks toward the center. So Qbert is traveling along something like this (in the computer's mind): _ __ ___ ____ _____ ______ Which makes the movement like the original, as you have to walk up a cube (like it is a stair) to get to the next cube. (Note - this only does this for the up and down keys. I had to manually adjust the left and right keys to do this, also) However, it looks like Qbert is traveling along something like this: __ ____ ______ ________ __________ ____________ After doing all of this, everything was positioned correctly - but it didn't look 3D. So what I did was I went to a new program and drew a rectangle on the screen. Each rectangle represented a place where Q-Bert could stand. I then drew a diamond inside of the rectangle. This would later be the top part of each cube. Lastly, I added the shaded sides to the cube. I then went to my for loop and replaced the "rect" part with the name of the cube function ("Qblock"), and it looked 3D! With this system, it was easy to sense where Q-Bert's current placement is, and I implemented the snake AI, the balls that roll down the Pyramid (using floor(random( stuff), and the teleporters. Lastly, I added sensors to check if you were off of the platforms and added a heart function. Lastly, I finished working on the graphics, the instructions, and a few final touches. / //And the code begins //The pyramid. The B's stand for teleporters, the A's for Cubes. var places = [ ["", "", "", "", "", "", ""], ["", "A", "", "", "", "", "", ""], ["", "A", "A", "", "", "", "", ""], ["", "A", "A", "A", "", "", "", ""], ["B", "A", "A", "A", "A", "B", "", ""], ["", "A", "A", "A", "A", "A", "", ""], ["", "A", "A", "A", "A", "A", "A", ""], ["", "A", "A", "A", "A", "A", "A", "A"], ["", "", "", "", "", "", "", ""], ]; //What colors the cubes on the pyramid are. I know I could have just done something and condensed the places and colors arrays into one array, but I chose not to just in case I decide to add a twist later on. var colors = [ ["N", "N", "N", "N", "N", "N", "N", "N"], ["N", 1, "N", "N", "N", "N", "N", "N"], ["N", 1, 1, "N", "N", "N", "N", "N"], ["N", 1, 1, 1, "N", "N", "N", "N"], ["N", 1, 1, 1, 1, "N", "N", "N"], ["N", 1, 1, 1, 1, 1, "N", "N"], ["N", 1, 1, 1, 1, 1, 1, "N"], ["N", 1, 1, 1, 1, 1, 1, 1], ["N", "N", "N", "N", "N", "N", "N"], ]; //What a level will look like once completed var Colors = [ ["N", "N", "N", "N", "N", "N", "N", "N"], ["N", 3, "N", "N", "N", "N", "N", "N"], ["N", 3, 3, "N", "N", "N", "N", "N"], ["N", 3, 3, 3, "N", "N", "N", "N"], ["N", 3, 3, 3, 3, "N", "N", "N"], ["N", 3, 3, 3, 3, 3, "N", "N"], ["N", 3, 3, 3, 3, 3, 3, "N"], ["N", 3, 3, 3, 3, 3, 3, 3], ["N", "N", "N", "N", "N", "N", "N"], ]; var page = "Game";//What page you are on var player = new PVector(1, 1);//Where the player is var offPlatformTimer = 0;//How long you have been off of the Pyramid var direction = "RIGHT";//Which direction you are facing var hearts = 5;//How many hearts you have var claimSpace = false;//If you need to add one to your current position in the color array var level = 1;//Which level you are on var snakeSpeed = 40 - level;//How fast the snake moves //Makes a button var button = function(x, y, Width, Height, goTo, Text) { if (mouseX > x && mouseX < x + Width && mouseY > y && mouseY < y + Height) { fill(100); cursor("POINTER"); if (mouseIsPressed) { page = goTo; } } else { fill(90); } noStroke(); rect(x, y, Width, Height, 5); fill(180); textAlign(CENTER, CENTER); textSize(20); text(Text, x + Width / 2, y + Height / 2); }; //The graphics for coily var snakeImage = function(x, y, Size) { //Sets it up so that he is scaleable and moveable pushMatrix(); translate(x, y); scale(Size / 170); translate(-110, -100); noStroke(); //His long body fill(204, 93, 245); triangle(150, 306, 213, 280, 224, 292); fill(173, 69, 208); beginShape(); vertex(223, 294); vertex(232, 292); vertex(234, 280); vertex(225, 265); vertex(169, 250); vertex(156, 240); vertex(155, 229); vertex(195, 220); vertex(264, 220); vertex(275, 197); vertex(201, 198); vertex(163, 202); vertex(141, 209); vertex(132, 217); vertex(128, 234); vertex(131, 249); vertex(139, 259); vertex(157, 269); vertex(178, 278); vertex(192, 282); endShape(); fill(120, 44, 148); beginShape(); vertex(119, 171); vertex(158, 152); vertex(195, 142); vertex(234, 130); vertex(257, 129); vertex(262, 145); vertex(242, 159); vertex(171, 182); endShape(); fill(125, 41, 158); beginShape(); vertex(122, 84); vertex(138, 74); vertex(153, 65); vertex(169, 50); vertex(192, 42); vertex(198, 65); vertex(174, 77); vertex(166, 96); endShape(); fill(145, 53, 184); beginShape(); vertex(255, 221); vertex(271, 218); vertex(275, 202); vertex(271, 185); vertex(259, 180); vertex(231, 179); vertex(207, 175); vertex(122, 168); vertex(115, 171); vertex(114, 179); vertex(115, 191); vertex(123, 199); vertex(234, 212); endShape(); beginShape(); vertex(246, 147); vertex(254, 145); vertex(266, 144); vertex(272, 140); vertex(279, 125); vertex(275, 116); vertex(269, 110); vertex(226, 105); vertex(195, 100); vertex(168, 90); vertex(154, 82); vertex(141, 77); vertex(124, 80); vertex(120, 89); vertex(119, 100); vertex(139, 110); vertex(178, 125); endShape(); //Coily's head pushMatrix(); translate(20, 15); fill(131, 51, 150); beginShape(); vertex(164, 34); vertex(166, 44); vertex(177, 58); vertex(195, 61); vertex(203, 57); vertex(209, 48); vertex(212, 32); endShape(); beginShape(); vertex(164, 36); vertex(163, 29); vertex(162, 18); vertex(164, 10); vertex(165, 5); vertex(170, 2); vertex(176, 2); vertex(178, 4); vertex(183, 4); vertex(188, 4); vertex(192, 2); vertex(196, 2); vertex(202, 2); vertex(208, 2); vertex(210, 4); vertex(212, 16); vertex(212, 35); endShape(); popMatrix(); //Eyes fill(255); ellipse(197, 37, 15, 15); ellipse(219, 36, 15, 15); fill(221, 133, 80); ellipse(199, 38, 11, 11); ellipse(217, 37, 11, 11); fill(0); ellipse(201, 39, 6, 6); ellipse(213, 39, 6, 6); arc(209, 55, 20, 20, 0, 180); //Fangs fill(255); triangle(203, 55, 207, 69, 208, 55); triangle(211, 55, 215, 70, 215, 55); //Eyelids fill(146, 59, 168); beginShape(); vertex(187, 25); vertex(193, 26); vertex(198, 29); vertex(202, 34); vertex(204, 42); vertex(205, 47); vertex(211, 47); vertex(211, 31); vertex(213, 27); vertex(218, 25); vertex(227, 24); endShape(); popMatrix(); }; var snake = function(startingTile, speed) { this.start = startingTile;//Which tile he starts on this.timer = 0;//The action timer this.speed = speed;//When the action timer is full this.distance = PVector.sub(this.start, player);//The distance from the snake to the player }; snake.prototype.display = function() { //Draws coily snakeImage(this.start.x * 75 + (6 - this.start.y) * 37.5, (this.start.y * 75) - 37.5, 70); }; snake.prototype.update = function() { //Increments the timer by one each frame this.timer++; //Resets the timer (the timer is full) if (this.timer > this.speed) { this.timer = 0; } //If the timer is one, he can do something if (this.timer === 0) { //If a number is one, he can move left and right if (floor(random(0, 2)) === 0) { if (this.distance.x < 0) { this.start.x++; } else if (this.distance.x > 0) { this.start.x--; } } //If another number is one, he can move up and down. Note that this is not the same number as before, so the chance occurs that he might not move at all in a turn if (floor(random(0, 2)) === 0) { if (this.distance.y < 0) { this.start.y++; } else if (this.distance.y > 0) { this.start.y--; } } if (this.distance.x === 0 && this.distance.y === 0) { hearts--; player.x = 1; player.y = 1; } } //Updates this.area this.distance = PVector.sub(this.start, player); }; var Ball = function(x,y,Size){ fill(255, 0, 0); ellipse(x+Size/2,y+Size/2,Size,Size); for (var Size2 = 0; Size2 < Size; Size2 += 3){ fill(255,255,255,10); ellipse(x+Size/2,y+Size/2,Size2,Size2); } }; var seeThroughBall = function(x,y,Size,amount){ fill(255,0,0,amount); ellipse(x+Size/2,y+Size/2,Size,Size); }; var ball = function(startingTile, speed) { this.start = startingTile;//Which tile he starts on this.timer = 0;//The action timer this.speed = speed;//When the action timer is full this.distance = PVector.sub(this.start, player);//The distance from the snake to the player this.shouldDelete = false; this.shouldUpdateTimer = 0; }; ball.prototype.display = function() { this.shouldUpdateTimer++; //Draws ball if (this.shouldUpdateTimer < 100){ seeThroughBall(this.start.x * 75 + (6 - this.start.y) * 37.5, (this.start.y * 75) - 25, 50,this.shouldUpdateTimer); }else{ fill(255, 0, 0); Ball(this.start.x * 75 + (6 - this.start.y) * 37.5, (this.start.y * 75) - 25, 50); } }; ball.prototype.update = function() { //Increments the timer by one each frame this.timer++; //Resets the timer (the timer is full) if (this.timer > this.speed) { this.timer = 0; } //If the timer is one, he can do something if (this.timer === 0) { this.start.y ++; if (floor(random(0,2))===0){ }else{ this.start.x ++; } } if (this.distance.x === 0 && this.distance.y === 0) { hearts--; player.x = 1; player.y = 1; } if (this.start.y > 7){ this.shouldDelete = true; } //Updates this.area this.distance = PVector.sub(this.start, player); }; //The cubes on the Pyramid var Qblock = function(x, y, Sizex) { noStroke(); //The cube quad(x, y + Sizex / 2, x + Sizex / 2, y, x + Sizex, y + Sizex / 2, x + Sizex / 2, y + Sizex); quad(x, y + Sizex / 2, x + Sizex / 2, y + Sizex, x + Sizex / 2, y + Sizex * 1.5, x, y + Sizex * 1); quad(x + Sizex, y + Sizex / 2, x + Sizex / 2, y + Sizex, x + Sizex / 2, y + Sizex * 1.5, x + Sizex, y + Sizex * 1); //The shadowing on the cube fill(0, 0, 0, 10); quad(x, y + Sizex / 2, x + Sizex / 2, y + Sizex, x + Sizex / 2, y + Sizex * 1.5, x, y + Sizex * 1); fill(0, 0, 0, 20); quad(x + Sizex, y + Sizex / 2, x + Sizex / 2, y + Sizex, x + Sizex / 2, y + Sizex * 1.5, x + Sizex, y + Sizex * 1); }; //The teleporters var Qteleporter = function(x, y, Size) { noStroke(); fill(148, 205, 255); quad(x, y + Size / 2, x + Size / 2, y, x + Size, y + Size / 2, x + Size / 2, y + Size); fill(131, 195, 247); quad(x, y + Size / 2, x + Size / 2, y + Size, x + Size / 2, y + Size * 1.25, x, y + Size * 0.75); fill(111, 181, 242); quad(x + Size, y + Size / 2, x + Size / 2, y + Size, x + Size / 2, y + Size * 1.25, x + Size, y + Size * 0.75); }; //Qbert var Qbert = function(x, y, Size, mode) { //Sets it up so that he is scaleable and moveable pushMatrix(); translate(x, y); scale(Size / 155); translate(-130, -190); noStroke(); //QBert facing left if (mode === "LEFT") { //His body fill(210, 97, 0); ellipse(200, 200, 100, 100); //His nose and legs quad(225, 221, 220, 303, 213, 303, 208, 244); quad(191, 246, 187, 302, 182, 301, 179, 241); quad(172, 184, 120, 195, 121, 230, 172, 225); //His feet beginShape(); vertex(187, 287); vertex(182, 286); vertex(175, 287); vertex(168, 290); vertex(164, 292); vertex(163, 296); vertex(187, 303); endShape(); beginShape(); vertex(213, 293); vertex(206, 293); vertex(201, 294); vertex(196, 297); vertex(193, 301); vertex(219, 304); endShape(); //His Nose fill(191, 87, 2); ellipse(120, 213, 28, 35); fill(138, 60, 0); ellipse(120, 213, 14, 18); //His body's shine-iness if (!antiLag){ for (var Size = 0; Size < 100; Size += 1.5) { fill(236, 187, 41, 4); ellipse(200, 200, Size, Size); } } //Translates and moves his eyes to the correct position pushMatrix(); translate(-10, 20); rotate(5); fill(255); ellipse(190, 149, 13, 25); ellipse(209, 156, 16, 25); if (!antiLag){ for (var Size = 0; Size < 25; Size++) { fill(0, 0, 0, 4); ellipse(190, 149, Size * 13 / 25, Size); ellipse(209, 156, Size * 16 / 25, Size); } } popMatrix(); //His pupils fill(0); ellipse(163, 185, 9, 9); ellipse(182, 193, 10, 10); } else { //His body fill(210, 97, 0); ellipse(200, 200, 100, 100); //His nose and legs quad(175, 221, 180, 303, 187, 303, 192, 244); quad(209, 246, 213, 302, 218, 301, 221, 241); quad(228, 184, 280, 195, 279, 230, 228, 225); //His feet beginShape(); vertex(213, 287); vertex(218, 286); vertex(225, 287); vertex(232, 290); vertex(236, 292); vertex(237, 296); vertex(213, 303); endShape(); beginShape(); vertex(187, 293); vertex(194, 293); vertex(199, 294); vertex(204, 297); vertex(207, 301); vertex(181, 304); endShape(); //His nose fill(191, 87, 2); ellipse(280, 213, 28, 35); fill(138, 60, 0); ellipse(280, 213, 14, 18); //His body's shine-iness if (!antiLag){ for (var Size = 0; Size < 100; Size += 1.5) { fill(236, 187, 41, 4); ellipse(200, 200, Size, Size); } } //Translates and moves his eyes to the correct position pushMatrix(); translate(-10, 20); rotate(-5); fill(255); ellipse(227, 179, 13, 25); ellipse(206, 186, 16, 25); if (!antiLag){ for (var Size = 0; Size < 25; Size++) { fill(0, 0, 0, 4); ellipse(227, 179, Size * 13 / 25, Size); ellipse(206, 186, Size * 16 / 25, Size); } } popMatrix(); //His pupils fill(0); ellipse(233, 179, 9, 9); ellipse(214, 188, 10, 10); } popMatrix(); }; var heart = function(x, y, Size) { //Draws the curved vertex heart if you don't mind the lag if (!antiLag){ //Translates and scales it to the right position pushMatrix(); translate(x, y); scale(Size / 90); translate(-200, -210); noStroke(); //The right side of the heart fill(171, 2, 2); beginShape(); curveVertex(200, 175); curveVertex(200, 175); curveVertex(206, 170); curveVertex(215, 167); curveVertex(224, 168); curveVertex(234, 173); curveVertex(238, 178); curveVertex(242, 188); curveVertex(240, 204); curveVertex(234, 215); curveVertex(218, 229); curveVertex(200, 251); curveVertex(200, 251); endShape(); //The left side of the heart fill(189, 13, 13); beginShape(); curveVertex(200, 175); curveVertex(200, 175); curveVertex(194, 170); curveVertex(185, 167); curveVertex(176, 168); curveVertex(166, 173); curveVertex(162, 178); curveVertex(158, 188); curveVertex(160, 204); curveVertex(166, 215); curveVertex(182, 229); curveVertex(200, 251); curveVertex(200, 251); endShape(); popMatrix(); }else{ //If you don't like lag, just draw the image. imageMode(CENTER); image(getImage("cute/Heart"),x,y,Size,Size1.8); } }; //Checks if the array is completed var completed = function(array1, array2) { //Goes through the whole entire array for (var i = 0; i < array1.length; i++) { for (var ii = 0; ii < array1[i].length; ii++) { //If they do not precisely match, return false if (array1[i][ii] !== array2[i][ii]) { return false; } } } //Otherwise, return true return true; }; //Forms two snakes var theSnake = new snake(new PVector(1, 7), snakeSpeed); var theSnake2 = new snake(new PVector(7, 7), snakeSpeed2); var balls = []; draw = function() { //Sets the cursor to the default one so that it isn't a hand the whole entire game cursor("DEFAULT"); //Draws the game if (page === "Game") { //Sets the snakespeed to 40-level. This means that on level 40, the snake will move one cube per frame! snakeSpeed = 40 - level; //Resets the game if hearts is less than 0 if (hearts <= 0) { hearts = 5; player.x = 1; player.y = 1; level = 1; theSnake.start.x = 1; theSnake.start.y = 7; colors = [ ["N", "N", "N", "N", "N", "N", "N", "N"], ["N", 1, "N", "N", "N", "N", "N", "N"], ["N", 1, 1, "N", "N", "N", "N", "N"], ["N", 1, 1, 1, "N", "N", "N", "N"], ["N", 1, 1, 1, 1, "N", "N", "N"], ["N", 1, 1, 1, 1, 1, "N", "N"], ["N", 1, 1, 1, 1, 1, 1, "N"], ["N", 1, 1, 1, 1, 1, 1, 1], ["N", "N", "N", "N", "N", "N", "N"], ]; places = [ ["", "", "", "", "", "", ""], ["", "A", "", "", "", "", "", ""], ["", "A", "A", "", "", "", "", ""], ["", "A", "A", "A", "", "", "", ""], ["B", "A", "A", "A", "A", "B", "", ""], ["", "A", "A", "A", "A", "A", "", ""], ["", "A", "A", "A", "A", "A", "A", ""], ["", "A", "A", "A", "A", "A", "A", "A"], ["", "", "", "", "", "", "", ""], ]; } //Draws the background background(0); //Loops through all of the cubes for (var x = 0; x < 8; x++) { for (var y = 0; y < 8; y++) { //If the places[y][x] is an a, then look to see what color that cube is if (places[y][x] === "A") { //Draws the cubes different colors if (colors[y][x] === 1) { fill(150); } else if (colors[y][x] === 2) { fill(76, 150, 6); } else { fill(3, 156, 82); } Qblock(x * 75 + (6 - y) * 37.5, y * 75 - 37.5, 75); } //If places[y][x] is a b, then draw a teleporter if (places[y][x] === "B") { Qteleporter(x * 75 + (6 - y) * 37.5, y * 75 - 37.5, 75); } } } //Draws Qbert and the snake Qbert(player.x * 75 + (6 - player.y) * 37.5, (player.y * 75) - 37.5, 75, direction); theSnake.display(); theSnake.update(); if (floor(random(0,200)) === 0){ balls.push(new ball(new PVector(floor(random(2,4)),3),random(30,40))); } for (var i = 0; i < balls.length; i++){ balls[i].display(); if (balls[i].shouldUpdateTimer > 100){ balls[i].update(); } } //Draws a second, slower snake after level 6 if (level > 6){ theSnake2.display(); theSnake2.update(); } //Draws the hearts for (var i = 0; i < hearts; i++) { heart(40 + i * 50, 40, 50); } //Makes the logo in the right corner, along with what level you are on fill(150); textAlign(CENTER, CENTER); textSize(30); text("Level " + level, 70, 90); fill(200); textSize(50); text("Q-BERT", 480, 40); textSize(20); text("THE GAME", 480, 70); //The button to the instructions button(410, 100, 150, 50, "Instructions", "Instructions"); if (completed(colors, Colors)) {//If you have completed the level, reset the screen and gain one level colors = [ ["N", "N", "N", "N", "N", "N", "N", "N"], ["N", 1, "N", "N", "N", "N", "N", "N"], ["N", 1, 1, "N", "N", "N", "N", "N"], ["N", 1, 1, 1, "N", "N", "N", "N"], ["N", 1, 1, 1, 1, "N", "N", "N"], ["N", 1, 1, 1, 1, 1, "N", "N"], ["N", 1, 1, 1, 1, 1, 1, "N"], ["N", 1, 1, 1, 1, 1, 1, 1], ["N", "N", "N", "N", "N", "N", "N"], ]; places = [ ["", "", "", "", "", "", ""], ["", "A", "", "", "", "", "", ""], ["", "A", "A", "", "", "", "", ""], ["", "A", "A", "A", "", "", "", ""], ["B", "A", "A", "A", "A", "B", "", ""], ["", "A", "A", "A", "A", "A", "", ""], ["", "A", "A", "A", "A", "A", "A", ""], ["", "A", "A", "A", "A", "A", "A", "A"], ["", "", "", "", "", "", "", ""], ]; level++; player.x = 1; player.y = 1; } //If you are off the platform, then trigger the offplatform timer if (places[player.y][player.x] !== "A" && places[player.y][player.x] !== "B") { offPlatformTimer++; } //If you are off the platform for too long, lose one life and reset the players position if (offPlatformTimer > 2) { player.x = 1; player.y = 1; offPlatformTimer = 0; hearts--; claimSpace = true; } //If you are on a teleporter, go to the starting cube if (places[player.y][player.x] === "B") { places[player.y][player.x] = ""; player.x = 1; player.y = 1; } //If you are supposed to claim a space, then add one to the color array in that position if (claimSpace) { if (colors[player.y][player.x] <= 2 && colors[player.y][player.x] !== "N") { colors[player.y][player.x] += 1; } claimSpace = false; } } //Draws the instructions page if (page === "Instructions") { background(0); textAlign(CENTER, CENTER); textSize(15); text("Welcome to QBERT!\n\nIn QBERT, you play as a small character named Qbert. Your goal is to change all of the cubes on the screen to blue. Cubes start off as gray, change to green, and then change to blue.\n\nOn the left and right sides of the screen you will see two teleporter squares. These squares will let you get back to the top cube on the Pyramid.\n\nIf you happen to fall off of the Pyramid, you will lose one heart and respawn at the top cube on the Pyramid.\n\nTo make the game harder, there is an enemy snake which will attempt to bite you. If you bites you, you lose one heart and respawn at the top of the Pyramid. If you lose all 5 hearts, it is game over.\n\nIf all of the squares on the Pyramid change to blue, everything will reset and you will gain a level. For each level you gain, the faster the snake will be.\n\nYour controls are the arrow keys. The left arrow key will move you North-West, the up arrow key will move you North-East, the right arrow key will move you South-West, and the down arrow key will move you South-East.\n\nBalls can spawn on the third row of the Pyramid. When they spawn, they will start off as a light red-ish color. After a few seconds, they will become solid and start rolling down the Pyramid. If they land on you, you respawn and lose one heart.", 5, -40, 590, 590); //The button to get back to the game button(200, 510, 200, 60, "Game", "Back To Game"); } }; keyPressed = function() { //If you are on the Pyramid and are currently on the game screen, allow the arrow keys to be used if (places[player.y][player.x] === "A" && page === "Game") { //Moves the player left if (keyCode === LEFT) { player.x--; player.y--; direction = "LEFT"; claimSpace = true; } //Moves the player right if (keyCode === RIGHT) { player.x++; player.y++; direction = "RIGHT"; claimSpace = true; } //Moves the player up if (keyCode === UP) { player.y--; direction = "RIGHT"; claimSpace = true; } //Moves the player down if (keyCode === DOWN) { player.y++; direction = "LEFT"; claimSpace = true; } } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJjEguy6CAw
Votes	294
Spin-Offs	11
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"4675412235517952","title":"Contest: Retro Game","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	AlexT
Author Name	AlexTProgramming
Author ID	kaid_649135302189973374605512
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739369428261
Updated	4 months ago, 1744844964038
Source Deleted	unknown