Viewing Program

Program Data

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

Title	Arctic [Game]
ID	5707810263040000
Created	7 years ago, 1536195563682
Updated	6 years ago, 1559528395357
Code	// Made by: Theo /* I present to you... Arctic! My first platformer! Yay! 1000 Kelvin! I've always loved the platformers on KA, and this is the first one I coded! I looked at the code in these two projects to help me: My First Good Game by JPL The World of Kapros by Python I also made a platformer template that anybody can use to make platformers. I will release it soon. My biggest project! Just over 1000 lines of code! Almost double my first game, Don't Pop the Balloon. I don't think that this is too hard, so try to finish it. If you can't finish it, here are some tips for platformers: { Put your pointer finger on the left key, Your middle finger on the up key, And your ring finger on the right key. Get used to moving and jumping. Try to run and then jump instead of jumping and moving once you're in the air. It's much easier if you hold the right and left keys when moving right or left. I hope that this was helpful! } I hope that you guys like it! Btw: I know that there aren't any penguins in the arctic, but it wouldn't really be the same if you were bouncing on polar bears. / /* * * How to play: * * The rules are in game(and like most other platformers on KA), but just in case: * * Arrow keys to move * Touch the blue portals to go to the next level * Don't touch the freezing water blocks * Penguins make you jump extra high * Press R to restart * * Have fun! * / // Main variables { // The start positions var startPosX = 20; var startPosY = 300; // If the player can jump var canJump = false; // The gravity var gravity = 0; // The number of deaths var deaths = 0; // Controls the character's x and y positions var characterX = startPosX; var characterY = startPosY; // Controls what keys are pressed var keys = []; // What words appear var words = ["Where am I?", "I must have gotten separated \nfrom the crew after that \n snowstorm...", "I have to get back to them. \nI can't survive all alone \nin the arctic for long.", "Watch out! If I fall in that \nwater I'll get frostbite and die.", "That's a long leap.", "Looks like I'm out on thin ice.", "I wonder if the crew finished \nour research.", "Oh look! A penguin! I \ncan jump on it to go extra high.", "These penguins really come in \n handy.", "I recognize this spot!", "Our boat was near here!", "There it is! I see it!", "Just over this hill...", "Across these icebergs...", "I made it!", "You made it back to the \nship right before the crew \ndeparted. \nCongragulations! You Won!"]; // The level var level = 0; // The scene var scene = 1; } // The levels { // Draws the levels var levels = [ / * * Key: * * 0: Nothing * 1: Regular block * 2: Death block - Restarts the level when touched * 3: Portal block - Takes you to the next level when touched * */ / [ // Blank level "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "1111111111" ] / [ // Level 1 "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0001001000", "0011001103", "1111111111" ], [ // Level 2 "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000010010", "0000110010", "0001110013", "1111111111" ], [ // Level 3 "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000010100", "0000010100", "0010010103", "1111111111" ], [ // Level 4 "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0001000000", "0011222103", "1111111111" ], [ // Level 5 "0000000000", "0000000000", "0000000000", "0000000000", "0010000000", "0000000000", "1000000000", "0000000000", "0010000003", "1112222221" ], [ // Level 6 "0000000000", "0000000000", "0000000000", "3000000000", "0000000000", "0000000000", "0100001000", "0122222200", "0000000001", "1111111111" ], [ // Level 7 "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000001000", "0122222213", "1111111111" ], [ // Level 8 "0000000000", "0000000000", "0000000000", "0000000003", "0000000000", "0000000000", "0000000000", "0000000000", "0011040110", "1111111111" ], [ // Level 9 "3000000000", "0000000000", "0000000000", "0000000000", "0000000000", "4000000000", "1221122200", "0122222200", "0000000004", "1111111111" ], [ // Level 10 "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000000000", "0000020000", "0000222000", "0400222003", "1111111111" ], [ // Level 11 "0000000000", "0000000000", "0000000000", "0000000000", "0010201030", "0010201010", "0010201010", "0010201010", "0414241410", "1111111111" ], [ // Level 12 "3000000000", "0000000000", "0000000000", "1112222100", "0000000000", "0000000000", "0000000000", "0002000204", "0122212221", "1111111111" ], [ // Level 13 "0000000000", "0000000000", "0000000000", "0000220000", "0000220000", "0000220000", "0004221000", "0011221100", "0111221113", "1111111111" ], [ // Level 14 "0000000000", "0000000000", "0000000000", "0000000000", "0012222100", "0022222200", "0022222200", "0022222200", "0422222203", "1111111111" ], [ // Level 15 - Last level "0000000000", "0000000000", "0000130000", "0000100000", "0000100000", "0004100000", "0011111100", "0001221000", "0400110000", "1111111111" ], [ // Not a level "0000000000", "0000000000", "0000000000", "0000000000", "0111001110", "0100001000", "0101001010", "0101001010", "4111001114", "1122222211" ] ]; } // The title screen { // The title screen var titleScreen = function(){ // The title Blocks grid var titleBlocks = [ "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000", "01110111011011101011", "01010101010001001010", "01110110010001001010", "01010101010001001010", "01010101011001001011", "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000", "00000000000000000000" ]; // The title blocks var titleBlock = function(x, y){ this.x = x; this.y = y; stroke(0, 0, 0); fill(255, 255, 255); triangle(x - 10, y + 10, x + 10, y - 10, x - 10, y - 10); fill(150, 200, 200); triangle(x + 10, y + 10, x + 10, y - 10, x - 10, y + 10); }; // How the grid is made for(var c = 0; c < titleBlocks.length; c++){ for(var d = 0; d < titleBlocks[c].length; d++){ if(titleBlocks[d][c] === "0"){ // Nothing } if(titleBlocks[d][c] === "1"){ // The title blocks titleBlock(c 20, d * 20); } } } // Draws the character on the title screen rectMode(CENTER); noStroke(); fill(250, 200, 100); rect(50, 70, 40, 40, 10); fill(0, 0, 150); rect(50, 70 + 12.5, 40, 15, 10); noStroke(); fill(150, 150, 150); rect(50 - 15, 70, 10, 40, 10); rect(50, 70 - 15, 40, 10, 10); rect(50 + 15, 70, 10, 40, 10); fill(0, 0, 0); ellipse(50 - 5, 70 - 2.5, 7.5, 7.5); ellipse(50 + 5, 70 - 2.5, 7.5, 7.5); // New font var font1 = createFont("monospace"); textFont(font1); // Made by... textAlign(CENTER, CENTER); textSize(20); text("Made By: Theo", 200, 360); // The play button stroke(0, 0, 0); fill(255, 255, 255); ellipse(125, 275, 100, 100); fill(150, 200, 200); arc(125, 275, 100, 100, 300, 480); line(100, 319, 150, 231); textSize(30); fill(0, 0, 0); text("PLAY", 125, 275); // The how button stroke(0, 0, 0); fill(255, 255, 255); ellipse(275, 275, 100, 100); fill(150, 200, 200); arc(275, 275, 100, 100, 300, 480); line(250, 319, 300, 231); fill(0, 0, 0); text("HOW", 275, 275); // If the buttons can be pressed var pbCanBePressed = false; var hbCanBePressed = false; // The distance var pbDistance = dist(mouseX, mouseY, 125, 275); var hbDistance = dist(mouseX, mouseY, 275, 275); // If the play button can be pressed or is pressed if(pbDistance <= 50){ // It can be pressed pbCanBePressed = true; // The shading fill(0, 0, 0, 50); ellipse(125, 275, 100, 100); } else{ // It can't be pressed pbCanBePressed = false; } if(pbCanBePressed === true && mouseIsPressed){ scene = 2; } // If the how button can be pressed or is pressed if(hbDistance <= 50){ // It can be pressed hbCanBePressed = true; // The shading fill(0, 0, 0, 50); ellipse(275, 275, 100, 100); } else{ // It can't be pressed hbCanBePressed = false; } if(hbCanBePressed === true && mouseIsPressed){ scene = 3; } }; } // The how screen { // The how screen var howScreen = function(){ // The title textSize(40); fill(0, 0, 0); text("How To Play:", 200, 100); // The text textSize(20); text("Press play to start the game. \nUse the arrow keys to move the \ncharacter. Touch the blue \nportals to advance to the next \nlevel. Don't touch the freezing \nwater blocks. Penguins make you \nbounce. Press R to restart. \nHave fun!", 200, 215); // If the button can be pressed var bbCanBePressed = false; // The button noStroke(); fill(255, 255, 255); rect(200, 350, 210, 60, 10); fill(150, 200, 200); rect(200, 350, 200, 50, 10); // The text textSize(30); fill(0, 0, 0); text("BACK", 200, 350); // If the button is pressed or can be pressed if(mouseX >= 100 && mouseX <= 300 && mouseY >= 325 && mouseY <= 375){ // It can be pressed bbCanBePressed = true; // The shading fill(0, 0, 0, 50); rect(200, 350, 200, 50, 10); } else{ // It can't be pressed bbCanBePressed = false; } if(bbCanBePressed === true && mouseIsPressed){ scene = 1; } }; } // The character { // The character var character = function(){ // Draws the character rectMode(CENTER); noStroke(); fill(250, 200, 100); rect(characterX, characterY, 40, 40, 10); fill(0, 0, 150); rect(characterX, characterY + 12.5, 40, 15, 10); noStroke(); fill(150, 150, 150); rect(characterX - 15, characterY, 10, 40, 10); rect(characterX, characterY - 15, 40, 10, 10); rect(characterX + 15, characterY, 10, 40, 10); fill(0, 0, 0); ellipse(characterX - 5, characterY - 2.5, 7.5, 7.5); ellipse(characterX + 5, characterY - 2.5, 7.5, 7.5); }; } // The blocks and collisions { // The regular blocks var block = function(x, y){ this.x = x; this.y = y; // Draws the block rectMode(CENTER); stroke(0, 0, 0); fill(255, 255, 255); triangle(x - 20, y + 20, x + 20, y - 20, x - 20, y - 20); fill(150, 200, 200); triangle(x + 20, y + 20, x + 20, y - 20, x - 20, y + 20); // Controls the collisions of the blocks // If the character hits the left side of the block if(characterX + 40 > x && characterX + 40 < x + 5 && characterY + 40 > y && characterY < y + 40){ characterX = x - 40; } // If the character hits the right side of the block if(characterX > x + 35 && characterX < x + 40 && characterY + 40 > y && characterY < y + 40){ characterX = x + 40; } // If the character hits the top of the block if(characterY + 40 > y && characterY + 40 < y + 10 && characterX + 40 > x && characterX < x + 40){ characterY = y - 40; canJump = true; gravity = 0; } // If the character hits the bottom of the block if(characterY < y + 40 && characterY > y + 30 && characterX + 40 > x && characterX < x + 40){ characterY = y + 40; gravity = 1; } }; // The death block var deathBlock = function(x, y){ this.x = x; this.y = y; // Draws the block rectMode(CENTER); stroke(0, 0, 0); fill(0, 0, 150); triangle(x - 20, y + 20, x + 20, y - 20, x - 20, y - 20); fill(50, 100, 100); triangle(x + 20, y + 20, x + 20, y - 20, x - 20, y + 20); // When the character hits the block if(characterX + 37.5 >= x && characterX - 37.5 <= x && characterY + 37.5 >= y && characterY - 37.5 <= y){ // Start position characterX = startPosX; characterY = startPosY; gravity = 0; // The deaths plus 1 deaths++; } }; // The bounce block var bounceBlock = function(x, y){ this.x = x; this.y = y; // Draws the bounce block noStroke(); fill(255, 255, 255); rect(x, y + 15, 40, 10, 10); fill(0, 0, 0); rect(x - 5, y + 10, 30, 10, 10); fill(0, 0, 0); rect(x + 10, y + 5, 20, 20, 10); fill(255, 255, 0); triangle(x + 20, y + 2.5, x + 20, y + 10, x + 30, y + 10); // Controls the collisions of the bounce block // If the character hits the left side of the block if(characterX + 40 > x && characterX + 40 < x + 5 && characterY + 40 > y && characterY < y + 40){ characterX = x - 40; } // If the character hits the right side of the block if(characterX > x + 35 && characterX < x + 40 && characterY + 40 > y && characterY < y + 40){ characterX = x + 40; } // If the character hits the top of the block if(characterY + 20 > y && characterY + 20 < y + 10 && characterX + 40 > x && characterX < x + 40){ canJump = false; gravity = -10; } }; // The portal var portalBlock = function(x, y){ this.x = x; this.y = y; // Draws the portal stroke(0, 0, 0); fill(0, 0, 255); ellipse(x, y, 40, 40); // When the character hits the portal if(characterX + 37.5 >= x && characterX - 37.5 <= x && characterY + 37.5 >= y && characterY - 37.5 <= y){ // Next level level++; // Start Position characterX = startPosX; characterY = startPosY; gravity = 0; } }; } // The words { // The words var levelWords = function(){ // The text textSize(20); fill(0, 0, 0); text(words[level], 200, 50); }; } // The movement { // The movement var movement = function(){ // Controls when a key is pressed what key it is keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; // Controls the movement // When the up arrow is pressed if(keys[UP] && canJump === true){ // Controls the gravity when the up arrow is pressed gravity = -7; canJump = false; } // When the right arrow is pressed if(keys[RIGHT]){ characterX += 3; } // When the left arrow is pressed if(keys[LEFT]){ characterX -= 3; } // If the r key is pressed if(keys[82]){ characterX = 20; characterY = 300; deaths++; } // Controls the gravity - making it drop so that the character drops as well characterY += gravity; gravity += 0.25; }; } // The grid { var grid = function(){ // Controls the grid - what is drawn for a 0, 1, 2, and 3 for(var a = 0; a < levels[level].length; a++){ for(var b = 0; b < levels[level][a].length; b++){ if(levels[level][b][a] === "0"){ // Nothing } if(levels[level][b][a] === "1"){ // The block block(a * 40 + 20, b * 40 + 20); } if(levels[level][b][a] === "2"){ // The death block deathBlock(a * 40 + 20, b * 40 + 20); } if(levels[level][b][a] === "3"){ // The portal portalBlock(a * 40 + 20, b * 40 + 20); } if(levels[level][b][a] === "4"){ // The bounce block bounceBlock(a * 40 + 20, b * 40 + 20); } } } }; } // The draw function { // The draw function draw = function() { // Background background(0, 255, 255); // Calls the functions if(scene === 1){ titleScreen(); } if(scene === 2){ character(); movement(); grid(); levelWords(); } if(scene === 3){ howScreen(); } // Makes sure that the character can't fo out of the screen if(characterX > 380){ characterX -= 3; } if(characterX < 20){ characterX += 3; } }; } // And... Done
Folds	26,40,66,97,100,411,414,593,596,651,654,680,683,835,838,850,853,911,914,963,966,1011
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLKZkueRCgw
Votes	180
Spin-Offs	33
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Theo
Author Name	CoolUsername3
Author ID	kaid_1148138217126274844123899
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739447510781
Updated	10 months ago, 1739447517525
Source Deleted	unknown