Viewing Program

Program Data

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

Title	Space Invaders
ID	4921519550889984
Created	9 years ago, 1456263463836
Updated	6 years ago, 1547512463397
Code	/** ____ ____ ___ /\ _`\ /\ _`\ /\_ \ \ \ \L\_\___ _ __ \ \ \L\ \ __ ___ ___ __\//\ \ __ \ \ _\/ __`\/\`'__\ \ \ ,__/'__`\ /' __` __`\ /'__`\\ \ \ /'__`\ \ \ \/\ \L\ \ \ \/ \ \ \/\ \L\.\_/\ \/\ \/\ \/\ __/ \_\ \_/\ \L\.\_ \ \_\ \____/\ \_\ \ \_\ \__/.\_\ \_\ \_\ \_\ \____\/\____\ \__/.\_\ \/_/\/___/ \/_/ \/_/\/__/\/_/\/_/\/_/\/_/\/____/\/____/\/__/\/_/ I've been programming 8 months, and I have learned 100% of Intro to JS. I made a program that re-creates the classic game called Space Invaders You can read more about it here: https://en.wikipedia.org/wiki/Space_Invaders This is not plagiarism! I did not copy this from anyone, and I coded this entirely myself. If you do not think that I am telling the truth, look at the code for the other Space Invaders games, and you will see that I didn't copy them. NOTES I changed a few things from the original game. 1.The enemies move and shoot their lasers slightly faster. 2.The player itself can fire multiple lasers at a time, instead of waiting until your previous one hits something. This, however, cuts both ways. If the alien invasion is too close or you need to cut a hole in your base, it is actually faster to get your laser back the second it hits. 3.In the original Space Invaders, you used the Space key and the arrow keys to move your laser cannon around. To make it easier to play, the Space key has been substituted with the up arrow key. Also, this game will lag a bit once you start it (as it is "get"ing the background), but it will be super fast once it finishes. / /IMPORTANT VARIABLES/ var alienDirection = "RIGHT";//Which way the aliens are moving var moveDown = false;//If the aliens are moving down var score = 0;//How many points you have var lives = 2;//How many lives you have var state = "menu";//Which screen you are on var highScorePage = 0; var clickBuffer = 0; //The highscores var highscores = [ ["2610","Mehal Narwal"], ["2540","AlexT"], ["2030","Matt"], ["1770","SkyTDM"], ["1280","TheMunchingCow"], ["1040","22willharvey"], ["800","Tegoon"], ["800","blue3456"], ["670","Amae3443"], ["570","Camon Lowry"], ["570","Hasan Maharoof"], ["370","Ryan Wittmers"], ["?","Person"], ["?","Person"], ["?","Person"], ["?","Person"], ]; //An array which contains all of the different keys you can press var keysPressed = []; //Tells the array if the key at <keyCode> position is being pressed. Now, I can access the value of <keyCode> in the array, telling me if it is being pressed. keyPressed = function(){ keysPressed[keyCode] = true; }; keyReleased = function(){ keysPressed[keyCode] = false; }; /*PIXELATED GRAPHICS/ var ufoDesign = [ [0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0], [0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0], [0,1,1,2,1,1,2,1,1,2,1,1,2,1,1,0], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,0,0,1,1,0,0,1,1,1,0,0], [0,0,0,1,0,0,0,0,0,0,0,0,1,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], ]; var ufoColors = [color(255,0,0),color(0)]; var enemy1 = [ [ [0,0,0,1,1,0,0,0], [0,0,1,1,1,1,0,0], [0,1,1,1,1,1,1,0], [1,1,2,1,1,2,1,1], [1,1,1,1,1,1,1,1], [0,1,0,1,1,0,1,0], [1,0,0,0,0,0,0,1], [0,1,0,0,0,0,1,0] ], [ [0,0,0,1,1,0,0,0], [0,0,1,1,1,1,0,0], [0,1,1,1,1,1,1,0], [1,1,2,1,1,2,1,1], [1,1,1,1,1,1,1,1], [0,0,1,0,0,1,0,0], [0,1,0,1,1,0,1,0], [1,0,1,0,0,1,0,1] ] ]; var enemy2 = [ [ [0,0,1,0,0,0,0,0,0,1,0,0], [0,0,0,1,0,0,0,0,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,0,0], [0,1,1,2,1,1,1,1,2,1,1,0], [1,1,1,1,1,1,1,1,1,1,1,1], [1,0,1,1,1,1,1,1,1,1,0,1], [1,0,1,0,0,0,0,0,0,1,0,1], [0,0,0,1,1,0,0,1,1,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0], ], [ [0,0,1,0,0,0,0,0,0,1,0,0], [1,0,0,1,0,0,0,0,1,0,0,1], [1,0,1,1,1,1,1,1,1,1,0,1], [1,1,1,2,1,1,1,1,2,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1], [0,1,1,1,1,1,1,1,1,1,1,0], [0,0,1,0,0,0,0,0,0,1,0,0], [0,1,0,0,0,0,0,0,0,0,1,0], [0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0], ] ]; var enemy3 = [ [ [0,0,0,0,1,1,1,1,0,0,0,0], [0,1,1,1,1,1,1,1,1,1,1,0], [1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,2,2,1,1,2,2,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,0,0,1,1,1,0,0], [0,1,1,0,0,1,1,0,0,1,1,0], [0,0,1,1,0,0,0,0,1,1,0,0], [0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0], ], [ [0,0,0,0,1,1,1,1,0,0,0,0], [0,1,1,1,1,1,1,1,1,1,1,0], [1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,2,2,1,1,2,2,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,1,1,0,0,1,1,0,0,0], [0,0,1,1,0,1,1,0,1,1,0,0], [1,1,0,0,0,0,0,0,0,0,1,1], [0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0], ] ]; var enemyExplosion = [ [0,0,0,0,1,0,0,0,1,0,0,0,0], [0,1,0,0,0,1,0,1,0,0,0,1,0], [0,0,1,0,0,0,0,0,0,0,1,0,0], [0,0,0,1,0,0,0,0,0,1,0,0,0], [1,1,0,0,0,0,0,0,0,0,0,1,1], [0,0,0,1,0,0,0,0,0,1,0,0,0], [0,0,1,0,0,1,0,1,0,0,1,0,0], [0,1,0,0,1,0,0,0,1,0,0,1,0], ]; var enemyColors = [color(255),color(0)]; var base = [ [ [0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0], [0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1], [1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1], [1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1], [1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1] ], [ [0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0], [0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1], [1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1], [1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1], [1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1] ], [ [0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0], [0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1], [1,1,1,1,1,1,0,0,0,0,0,1,1,1,1,1,1], [1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1], [1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1], [1,1,1,0,0,0,0,0,0,0,0,0,0,0,1,1,1] ], ]; var baseColors = [color(10,255,0)]; var laserTower = [ [0,0,0,0,0,0,1,0,0,0,0,0,0], [0,0,0,0,0,1,1,1,0,0,0,0,0], [0,0,0,0,0,1,1,1,0,0,0,0,0], [0,1,1,1,1,1,1,1,1,1,1,1,0], [1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1,1], [1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], ]; var laserTowerDamaged = [ [ [1,0,0,1,0,0,0,1,0,0,0,0,0], [0,0,0,0,0,1,0,0,0,0,0,1,0], [0,1,0,0,0,0,0,0,0,1,0,0,0], [0,0,0,0,0,1,1,0,0,1,0,0,0], [1,0,0,0,1,1,1,0,1,0,0,0,1], [0,0,0,1,1,1,1,1,1,1,0,0,1], [0,0,1,1,1,1,1,1,1,1,1,0,0], [1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0] ], [ [0,0,1,0,0,1,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,1,1,0,1,0], [0,0,1,0,0,1,0,0,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,1,0,0], [1,0,0,0,1,1,1,0,1,0,0,0,1], [0,0,0,1,1,1,1,1,1,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,1,0,0], [1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0] ], [ [1,0,0,0,1,0,0,0,0,0,0,0,1], [0,1,0,0,1,0,0,0,0,1,0,0,0], [0,0,0,0,0,0,1,0,0,0,0,1,0], [0,1,0,0,0,1,1,0,0,0,0,0,0], [0,0,0,0,1,1,1,0,1,0,0,0,1], [1,0,0,1,1,1,1,1,1,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,1,0,0], [1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0] ], [ [1,0,0,0,0,0,0,0,0,0,1,0,0], [0,0,0,0,1,0,0,1,0,0,0,0,0], [0,1,0,0,0,0,0,0,0,0,1,0,0], [0,0,1,0,0,1,1,1,0,0,0,0,1], [0,1,0,0,1,1,1,0,1,0,0,0,0], [0,0,0,1,1,1,1,1,1,1,1,0,0], [0,0,1,1,1,1,1,1,1,1,1,0,0], [1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0] ], [ [0,0,0,1,0,0,0,0,0,0,0,1,0], [0,0,0,0,0,0,0,0,1,0,0,0,0], [0,1,0,0,1,0,0,0,0,0,0,0,0], [0,0,0,0,0,1,1,0,0,0,0,0,0], [1,0,0,0,1,1,1,0,1,0,0,0,1], [0,0,0,1,1,1,1,1,1,1,0,0,0], [0,0,1,1,1,1,1,1,1,1,1,0,0], [1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0] ] ]; var laserTowerColors = [color(10,255,0)]; var projectiles = [ [ [1,0,0], [1,0,0], [1,0,0], [1,0,0], ], [ [0,1,0,0,0,0,0], [1,0,0,0,0,0,0], [0,1,0,0,0,0,0], [0,0,1,0,0,0,0], [0,1,0,0,0,0,0], ], [ [0,1,1,0,0,0,0], [0,1,0,0,0,0,0], [0,1,0,0,0,0,0], [1,1,0,0,0,0,0], [0,1,1,0,0,0,0], [0,1,0,0,0,0,0], [1,1,0,0,0,0,0] ] ]; var projectileColors = [color(255)]; //A function to sense if you are over something var over = function(x,y,Width,Height){ if (mouseX > x && mouseY > y && mouseX < x + Width && mouseY < y + Height){ cursor("pointer"); return true; } }; //Converts arrays into pixelated graphics var pixelDisplay = function(x,y,Width,Height,Design,Colors){ //Translates the graphics to the correct place noStroke(); pushMatrix(); translate(x,y); //Goes through the entire array of pixels along with the array of colors for (var y = 0; y < Design.length; y++){ for (var x = 0; x < Design[y].length; x++){ for (var i = 0; i < Colors.length; i++){ //Fills the rectangles according to which color is at the position that the array states if (Design[y][x]-1 === i){ fill(Colors[i]); }else{ noFill(); } rect(xWidth/Design[y].length,yHeight/Design.length,Width/Design[y].length+1,Height/Design.length+1); } } } popMatrix(); }; //Pixelated Text var pixelText = function(message,xPos,yPos,Size,Color){ this.message = message.split("");//An array of all of the letters in the message this.alphabet = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","?","="," "];//The normal alphabet this.colors = [Color];//The colors to fill the text //The pixelated alphabet this.pixealphabet = [ [ [0,1,1,1,0], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [0,1,1,1,0], ], [ [1,1,0,0,0], [0,1,0,0,0], [0,1,0,0,0], [0,1,0,0,0], [0,1,0,0,0], ], [ [1,1,1,1,0], [0,0,0,0,1], [0,1,1,1,1], [1,0,0,0,0], [1,1,1,1,1], ], [ [1,1,1,0,0], [0,0,0,1,0], [0,1,1,1,0], [0,0,0,1,0], [1,1,1,0,0], ], [ [1,0,0,0,1], [1,0,0,0,1], [1,1,1,1,1], [0,0,0,0,1], [0,0,0,0,1], ], [ [1,1,1,1,1], [1,0,0,0,0], [1,1,1,1,0], [0,0,0,0,1], [1,1,1,1,0], ], [ [0,1,1,1,0], [1,0,0,0,0], [1,1,1,1,0], [1,0,0,0,1], [0,1,1,1,0], ], [ [1,1,1,1,0], [0,0,0,1,0], [0,0,0,1,0], [0,0,1,0,0], [0,0,1,0,0], ], [ [0,1,1,1,0], [1,0,0,0,1], [0,1,1,1,0], [1,0,0,0,1], [0,1,1,1,0], ], [ [0,1,1,1,0], [1,0,0,0,1], [0,1,1,1,1], [0,0,0,0,1], [0,1,1,1,0], ], [ [0,1,1,1,0], [1,0,0,0,1], [1,1,1,1,1], [1,0,0,0,1], [1,0,0,0,1], ], [ [1,1,1,1,0], [1,0,0,0,1], [1,1,1,1,0], [1,0,0,0,1], [1,1,1,1,0], ], [ [0,1,1,1,1], [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [0,1,1,1,1], ], [ [1,1,1,1,0], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [1,1,1,1,0], ], [ [1,1,1,1,1], [1,0,0,0,0], [1,1,1,1,0], [1,0,0,0,0], [1,1,1,1,1], ], [ [1,1,1,1,1], [1,0,0,0,0], [1,1,1,1,0], [1,0,0,0,0], [1,0,0,0,0], ], [ [0,1,1,1,1], [1,0,0,0,0], [1,0,1,1,1], [1,0,0,0,1], [0,1,1,1,1], ], [ [1,0,0,0,1], [1,0,0,0,1], [1,1,1,1,1], [1,0,0,0,1], [1,0,0,0,1], ], [ [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], ], [ [0,0,0,0,1], [0,0,0,0,1], [0,0,0,0,1], [0,0,0,0,1], [1,1,1,1,0], ], [ [1,0,0,0,1], [1,0,0,1,0], [1,1,1,0,0], [1,0,0,1,0], [1,0,0,0,1], ], [ [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [1,1,1,1,1], ], [ [1,1,0,1,0], [1,0,1,0,1], [1,0,1,0,1], [1,0,1,0,1], [1,0,1,0,1], ], [ [1,1,1,1,0], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], ], [ [0,1,1,1,0], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [0,1,1,1,0], ], [ [1,1,1,1,0], [1,0,0,0,1], [1,1,1,1,0], [1,0,0,0,0], [1,0,0,0,0], ], [ [0,1,1,1,0], [1,0,0,0,1], [1,0,0,0,1], [0,1,1,1,0], [0,0,0,0,1], ], [ [1,1,1,1,0], [1,0,0,0,1], [1,1,1,1,0], [1,0,0,0,1], [1,0,0,0,1], ], [ [0,1,1,1,1], [1,0,0,0,0], [0,1,1,1,0], [0,0,0,0,1], [1,1,1,1,0], ], [ [1,1,1,1,1], [0,0,1,0,0], [0,0,1,0,0], [0,0,1,0,0], [0,0,1,0,0], ], [ [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [0,1,1,1,0], ], [ [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [0,1,0,1,0], [0,0,1,0,0], ], [ [1,0,1,0,1], [1,0,1,0,1], [1,0,1,0,1], [1,0,1,0,1], [0,1,0,1,0], ], [ [1,0,0,0,1], [0,1,0,1,0], [0,0,1,0,0], [0,1,0,1,0], [1,0,0,0,1], ], [ [1,0,0,0,1], [0,1,0,1,0], [0,0,1,0,0], [0,0,1,0,0], [0,0,1,0,0], ], [ [1,1,1,1,1], [0,0,0,1,0], [0,0,1,0,0], [0,1,0,0,0], [1,1,1,1,1], ], [ [1,1,1,1,0], [0,0,0,0,1], [0,1,1,1,0], [0,0,0,0,0], [0,1,0,0,0], ], [ [0,0,0,0,0], [1,1,1,1,1], [0,0,0,0,0], [1,1,1,1,1], [0,0,0,0,0], ], [ [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], [0,0,0,0,0], ] ]; this.Size = Size; this.pos = new PVector(xPos,yPos); this.originXPos = xPos; }; pixelText.prototype.display = function(){ //Goes through the message array and the alphabet array for (var i = 0; i < this.message.length; i ++){ for (var ii = 0; ii < this.alphabet.length; ii ++){ //If a letter in the message array is in the alphabet array, draw it on the screen if (this.message[i].toUpperCase() === this.alphabet[ii]){ pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,this.pixealphabet[ii],this.colors); //Also, move over the next letter by how wide the current letter is + 1/5 if (this.message[i] === "1"){ this.pos.x += this.Size * 3/5; }else if (this.message[i].toUpperCase() === "I"){ this.pos.x += this.Size 2/5; }else if (this.message[i] === "3" \|\| this.message[i] === "7"){ this.pos.x += this.Size 5/5; }else { this.pos.x += this.Size 6/5; } } //If you want to go to a new line, reset the x position and move the y position down if (this.message[i] === "\n"){ this.pos.x = this.originXPos; this.pos.y += this.Size/30; } } } }; var pxlTxt = function(Text,x,y,Size,Color,variable){ //A variable-less call for the pixelated text var variable = new pixelText(Text,x,y,Size,Color); variable.display(); }; /GAMEPLAY/ var delayErrorBuddy = function(){ this[["KAInfiniteLoopSetTimeout"][0]](1000000); }; var laser = function(x,y,direction,type,Size){ this.pos = new PVector(x,y);//Position of laser this.direction = direction;//Direction the laser is going in this.Size = Size;//Size of laser this.type = type;//Type of laser this.hit = false;//If it has hit something }; laser.prototype.display = function(){ pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,projectiles[this.type],projectileColors); }; laser.prototype.update = function(){ //Makes the laser move/interact with the screen this.pos.y += this.direction; if (this.pos.y > 450 \|\| this.pos.y < 0){ this.hit = true; } }; laser.prototype.attack = function(thing){ //If the laser hits something... if (this.pos.x + this.Size > thing.pos.x && this.pos.x < thing.pos.x + thing.Size && this.pos.y + this.Size > thing.pos.y && this.pos.y < thing.pos.y + thing.Size){ //Then the laser has hit something and the other thing has been hit this.hit = true; thing.hit = true; } }; //The arrays that store the lasers fired by the player and the enemy var enemyShots = []; var playerShots = []; var enemy = function(x,y,type){ this.pos = new PVector(x,y);//position of enemy this.Size = 23;//Enemy size this.type = type;//type of enemy this.enemyPose = 0;//Which position the enemy is in (moving or hovering) this.moveTimer = 0;//Senses when the enemy needs to move this.movingDown = false;//If the enemy is moving down this.hit = false;//If the enemy has been hit this.deleteTimer = 0;//A timer that starts after the enemy is hit }; enemy.prototype.display = function() { //If the enemy has been hit, display the explosion if (this.hit){ pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,enemyExplosion,enemyColors); //Otherwise, display the enemy type and its position }else if (this.type === 1){ pixelDisplay(this.pos.x,this.pos.y,this.Size5/6,this.Size5/6,enemy1[this.enemyPose],enemyColors); }else if (this.type === 2){ pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,enemy2[this.enemyPose],enemyColors); }else if (this.type === 3){ pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,enemy3[this.enemyPose],enemyColors); } }; enemy.prototype.update = function(){ //Make the enemy's pose be based off of the movement timer, and increment that by one each frame this.enemyPose = this.moveTimer < 20 ? 0 : 1; this.moveTimer++; //Reset the movement timer if it is over 40 and execute one of three actions... if (this.moveTimer > 40){ this.moveTimer = 0; //Moving right, if (alienDirection === "RIGHT"){ this.pos.x += this.Size4.5/10; } //Moving left, if (alienDirection === "LEFT"){ this.pos.x -= this.Size4.5/10; } //And moving down if (this.movingDown){ this.pos.y += this.Size4.5/10; this.movingDown = false; } } //If the enemy hasn't been hit, it has a chance of shooting a laser if (floor(random(0,2000)) === 0&&!this.hit){ enemyShots.push(new laser(this.pos.x + 5,this.pos.y,random(5,20),floor(random(1,3)),20)); } //If the enemy has been hit, start the delete timer if (this.hit){ this.deleteTimer++; } //If the enemy is past a certain point, you have lost if (this.pos.y > 390){ state = "gameover"; } }; var ufo = function(x,y,direction){ this.pos = new PVector(x,y);//The position of the ufo this.Size = 40;//The size of the ufo this.direction = direction;//Which direction it is headed it this.hit = false;//If it has been hit this.deleteTimer = 0;//How long it has been since it was hit }; ufo.prototype.display = function(){ //If the ufo is hit, display the explosion if (this.hit){ pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,enemyExplosion,enemyColors); //Otherwise, display the ufo }else { pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,ufoDesign,ufoColors); } }; ufo.prototype.update = function(){ //Move the ufo in the correct direction this.pos.x += this.direction; //If it has been hit, then increment the delete timer by one if (this.hit){ this.deleteTimer ++; } }; var Player = function(){ this.pos = new PVector(5,410);//The player's position this.Size = 50;//The player's size this.attackTimer = 20;//If this is 20, the player can shoot a laser this.hit = false;//If the player has been hit this.resetTimer = 0;//How long it has been since the player has been hit }; Player.prototype.display = function(){ //If the player isn't hit, display the laser tower if (!this.hit){ pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,laserTower,laserTowerColors); //Otherwise, display the broken laser tower }else{ pixelDisplay(this.pos.x,this.pos.y,this.Size,this.Size,laserTowerDamaged[floor(random(0,5))],laserTowerColors); } }; Player.prototype.update = function(){ //If you are not hit and you press a key, you can either... if (keyIsPressed&&!this.hit){ //Move left, if (keysPressed[LEFT]){ this.pos.x -=5; //Move right, or }else if (keysPressed[RIGHT]){ this.pos.x +=5; } //Fire a laser (if your attack timer is greater than 30) if (keysPressed[UP] && this.attackTimer > 30){ playerShots.push(new laser(this.pos.x + this.Size/2,this.pos.y,-7,0,5)); this.attackTimer = 0; } } //Increment the attack timer by 1 each frame this.attackTimer ++; //If you have been hit, increment the reset timer by one each frame if (this.hit){ this.resetTimer ++; } //If you have been waiting for 25 or more frames after you have been hit, reset the player's position and subtract a life if (this.resetTimer > 25){ this.hit = false; this.pos.x = 5; this.resetTimer = 0; lives --; } //Only let the player stay on the screen (to avoid cheating) this.pos.x = constrain(this.pos.x,0,500 - this.Size); }; var Base = function(x,y,baseDesign){ this.pos = new PVector(x,y);//The base's position this.Width = 70;//How wide the base is this.Height = 40;//How tall the base is this.design = baseDesign;//Which design to use for the base }; Base.prototype.display = function(){ pixelDisplay(this.pos.x,this.pos.y,this.Width,this.Height,this.design,baseColors); }; Base.prototype.getHit = function(thing){ //If something hits one of the base's individual pixels, for (var y = 0; y < this.design.length; y ++){ for (var x = 0; x < this.design[y].length; x ++){ if (thing.pos.x + thing.Size/2 > this.pos.x + x (this.Width / this.design[y].length) && thing.pos.x < this.pos.x + (x + 1) * (this.Width / this.design[y].length) && thing.pos.y + thing.Size > this.pos.y + y * (this.Height / this.design.length) && thing.pos.y < this.pos.y + (y + 1) * (this.Height / this.design.length)&&this.design[y][x] !== 0){ //then tell the laser that it has hit something and delete that pixel thing.hit = true; this.design[y][x] = 0; } } } }; //Sets up the player, the enemies, the ufo's, and the bases var player = new Player(); var enemies = []; var ufos = []; var bases = []; //"Get"s the background background(0); for (var Size = 0; Size < 700; Size +=12){ fill(255,255,255,2); ellipse(250,250,Size,Size); } var Background = get (0,0,500,500); /*IMPLEMENTATION/ var implementEnemies = function(){ //Iterates through the enemies array, and draws the enemies for (var i = 0; i < enemies.length; i ++){ enemies[i].update(); enemies[i].display(); //If the enemy isn't currently moving, if (enemies[i].moveTimer > 20&&enemies[i].moveTimer < 39){ //Then let it bounce off of the sides if (enemies[i].pos.x > 500 - enemies[i].Size1.5){ alienDirection = "LEFT"; moveDown = true; } if (enemies[i].pos.x < enemies[i].Size/2){ alienDirection = "RIGHT"; moveDown = true; } } //Deletes the enemy from the array if it has been hit, and gives you 10 points if (enemies[i].deleteTimer > 5){ if (enemies[i].type === 1){ score += 40; }else if (enemies[i].type === 2){ score += 20; }else if (enemies[i].type === 3){ score += 10; } enemies.splice(i,1); } } //A seperate array that will make all of the enemies move down if they hit the side for (var i = 0; i < enemies.length; i ++){ if (moveDown){ enemies[i].movingDown = true; if (enemies[enemies.length-1].movingDown !== false){ moveDown = false; } } } //If you have just started the game or have defeated all of the enemies, add them to the screen again if (enemies.length <= 0){ for (var i = 0; i < 11; i ++){ enemies.push(new enemy(61+i35,60,1)); enemies.push(new enemy(55+i35,95,2)); enemies.push(new enemy(55+i35,130,2)); enemies.push(new enemy(55+i35,165,3)); enemies.push(new enemy(55+i35,200,3)); } lives += 1; player.pos.x = 5; } }; var implementUfos = function(){ //Draws the ufo for (var i = 0; i < ufos.length; i ++){ ufos[i].display(); ufos[i].update(); //If the ufo has been hit, delete it and add some points to your score if (ufos[i].deleteTimer > 5){ ufos.splice(i,1); score += floor(random(0,31)) * 10; } } if (floor(random(0,500)) === 0){ ufos.push(new ufo(550,20,-5)); } }; var implementBases = function(){ //Draws the bases for (var i = 0; i < bases.length; i ++){ bases[i].display(); } //Makes new bases at the beginning of the game if (bases.length <= 0){ for (var i = 0; i < 3; i ++){ bases.push(new Base(65 + i * 150, 350,base[i])); } } }; var implementPlayer = function(){ //Draws the player player.display(); player.update(); //The game is over if it has less than or equal to 0 lives if (lives <= 0){ state = "gameover"; } }; var implementLasers = function(){ //Draws the player's lasers for (var i = 0; i < playerShots.length; i ++){ playerShots[i].display(); playerShots[i].update(); //Goes through the array of enemies so that the lasers can hit them for (var ii = 0; ii < enemies.length; ii ++){ playerShots[i].attack(enemies[ii]); } //Goes through the array of ufo's so that the lasers can hit them for (var ii = 0; ii < ufos.length; ii ++){ playerShots[i].attack(ufos[ii]); } //Goes through the array of bases so that the lasers can hit them for (var ii = 0; ii < bases.length; ii ++){ bases[ii].getHit(playerShots[i]); } //Deletes a laser if it has already been used if (playerShots[i].hit){ playerShots.splice(i,1); } } //Draws the enemy's lasers for (var i = 0; i < enemyShots.length; i ++){ enemyShots[i].display(); enemyShots[i].update(); //Lets the lasers hit the player enemyShots[i].attack(player); //Lets the lasers hit the bases for (var ii = 0; ii < bases.length; ii ++){ bases[ii].getHit(enemyShots[i]); } //Deletes a laser if it has already been used if (enemyShots[i].hit){ enemyShots.splice(i,1); } } }; var implementInfo = function(){ //Draws your score pxlTxt("score",30,18,10,color(255)); pxlTxt(String(score),100,18,10,color(10,255,0)); //Draws your lives pxlTxt("lives",250,18,10,color(255)); for (var x = 330; x < 300 + lives * 50; x += 40){ pixelDisplay(x,10,30,30,laserTower,laserTowerColors); } }; draw = function() { cursor("default"); textAlign(CENTER,CENTER); if (state === "game"){ //Draws the ground and the background image(Background,0,0); stroke(10,255,0); line(0,450,500,450); //Implements the game noStroke(); implementEnemies(); implementUfos(); implementBases(); implementPlayer(); implementLasers(); implementInfo(); } if (state === "gameover"){ image(Background,0,0); pxlTxt("game over",150,200,20,color(240)); pxlTxt("you got "+String(score)+" points",160,250,10,color(255)); } if (state === "highscores"){ //Draws the background image(Background,0,0); //Draws the scores for (var i = 0; i < 15; i ++){ pxlTxt(String(i + highScorePage * 15 + 1)+" "+String(highscores[i + highScorePage * 15][1])+" "+String(highscores[i + highScorePage * 15][0])+" points",100,100 + i * 20, 10, color(255)); } //Draws the words "High Scores" pxlTxt("high scores",125,50,20,color(240)); //Draws the buttons if (highscores.length > 30){ pxlTxt("Next",290,420,13,over(290,420,60,13) ? color(10,255,0) : color(255)); if (over(290,420,60,13) && mouseIsPressed && clickBuffer > 10){ highScorePage ++; clickBuffer = 0; } } if (highScorePage > 0){ pxlTxt("Back",150,420,13,over(150,420,60,13) ? color(10,255,0) : color(255)); if (over(150,420,60,13) && mouseIsPressed && clickBuffer > 10){ highScorePage --; clickBuffer = 0; } } pxlTxt("Menu",220,420,13,over(220,420,60,13) ? color(10,255,0) : color(255)); if (over(220,420,60,13) && mouseIsPressed){ state = "menu"; } clickBuffer ++; } if (state === "menu"){ //Draws the background image(Background,0,0); textFont(createFont("Trebuchet MS Bold")); //Draws the text textSize(65); fill(255); text("SPACE",250,75); textSize(42); fill(0,255,0); text("INVADERS",250,115); //Draws the enemy guide pixelDisplay(170,160,30,30,enemy3[1],enemyColors); pixelDisplay(170,210,30,30,enemy2[1],enemyColors); pixelDisplay(170,260,30,30,enemy1[1],enemyColors); pixelDisplay(165,310,40,40,ufoDesign,ufoColors); //Draws how much each enemy is worth pxlTxt("= 10 pts",221,167,11,color(255)); pxlTxt("= 20 pts",221,217,11,color(255)); pxlTxt("= 40 pts",221,265,11,color(255)); pxlTxt("= ??? pts",216,312,11,color(255)); //Draws the buttons pxlTxt("play game",175,370,13,over(175,370,140,15) ? color(10,255,0) : color(200)); pxlTxt("high scores",165,410,13,over(175,410,140,15) ? color(10,255,0) : color(200)); if (over(175,370,140,15) && mouseIsPressed){ state = "game"; } if (over(175,410,140,15) && mouseIsPressed){ state = "highscores"; } } delayErrorBuddy(); };
Folds	70,87,91,100,101,110,113,123,124,135,138,149,150,161,163,172,177,191,192,206,207,221,225,237,239,253,254,268,269,283,284,298,299,313,318,323,324,330,331,339,344,349,352,372,375,660,661,688,689,693,697,699,701,707,708,710,711,717,718,725,731,743,744,757,758,798,800,806,807,816,817,825,827,834,835,844,845,883,885,890,891,893,894,906,916,919,924,979,980,995,996,1007,1008,1017,1018,1063,1064,1075,1081,1095,1097,1101,1103,1139,1141,1174
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNiEiYPfCAw
Votes	586
Spin-Offs	55
Type	PJS
Width	500
Height	500
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	5 months ago, 1739371709015
Updated	3 months ago, 1744820761141
Source Deleted	unknown