In Mission 5, we looked at how to code a side-scrolling platformer. Platformers are one of the most influential genres of games, made famous by Nintendo games such as Donkey Kong and  Super Mario. In our version of a side-scrolling platformer, a cat character called Scratch will have to run and jump through the game world to complete the level. He will have to jump on to platforms and avoid the pits and enemy tigers.

The game build for this game is complex and over 300 lines long. You’ve learnt lots of the concepts in the previous games though. Download the code and follow the instructions below to set up the file.

How to make your game work

  1. Create a folder called Super Scratch. The code block and all resources need to go in this folder, otherwise your computer won’t know where to find the files. Download the screenshot in the “How to Save Your Files” resource below to see exactly what your folder should look like.
  2. Copy and paste the code block into your text-editing program and save it in the folder.
  3. Download the level.png file and save it in the folder.
  4. Download the level-map.txt file and save it the folder. Don’t worry that this looks like lots of lines of code!
  5. Download and save the Graphics zip file. There are multiple files within the Zip folders, so check that you have all of these saved too.
  6. Download and save the Sounds zip file.
  7. Your game should be ready to play. Use the WASD keys to make Super Scratch move!

In Mission 4, you are going to code an Endless Runner game, which is one of the most popular types of games! Your version will be a simple platform game, with a single control that allows the player to jump up on to the platforms. The player will have to stay alive for as long as they can without crashing into the platforms. You will learn how to use procedural generation to create the game world, make the game scroll across the screen and add gravity to the game so the player can jump and fall. You will also learn how to make the game more and more challenging for the player.

In Mission 3, you are going to code Table Tennis. Build two paddles, a moving ball and a simple piece of artificial intelligence (AI) to play against. The aim of the game is to keep hitting the ball back to the other paddle and to try not to miss a shot.

The game board will be a simple design. The player will use the up and down keys on the keyboard to control the paddle on the left-hand side of the screen. Every time the ball collides with a paddle, it speeds up. If the player misses a shot, the game restarts.

In Mission 2, you are going to code your own version of a Snake game. You will use JavaScript to make the snake move and the fruit appear on the board, and you will learn how to use a new HTML element called <canvas> to create 2D graphics. You will organize your code with object literals and arrays, learn how to make your game tick, and you will find out how to add and process keyboard input so that you can control your snake.

By the end of the mission, you will be able to play your own Snake game!

In Mission 1, you are going to build Noughts and Crosses using HTML, CSS and JavaScript. Start off by seeing how you can use HTML to create the basic structure of your game. Then see how you can use CSS to change the way the HTML appears on-screen. Finally learn how to add JavaScript to make the game board interactive.

The Noughts and Crosses game board will be three columns across and three rows wide and be built using the HTML <div> tag. When a player clicks in a box, either a nought or a cross will be displayed. When a player gets three-in-a-row, an alert will pop-up to tell them they’ve won the game.

In this mission you are going to use HTML and CSS to build a website. You are going to create five individual web pages and then join them together, using hyperlinks, to create a website. To build the web pages you will need to use a tool called a wireframe. For each page you will make a different wireframe. The wireframe will be your plan for the page, telling you what you need to code where.

In this mission you are going to use HTML, CSS and JavaScript to code a game. The game will test the reaction times of the security team at the House of Volkov. You will use JavaScript timers and a game loop to make the game. Every second, images of six people will be shown on screen. Five images will be of guests and one image will be of a thief. If you click on the thief you gain one point. If you click on a guest you will lose two points. This will happen six times and each time the thief will be in a different place. The aim of the game is to spot all 6 thieves and score 6 points.

In this mission you are going to learn how to add content from another website to your page. You are going to learn how to embed a map in a web page using another API (Application Program Interface), called a web API. You will learn how to use an API key to add the map to your page. And you will also see how you can use the <iframe> tag to make you map display in your web page. You will finally learn how to plan your own route on the map in your page.

Please note that you need a Google account to complete this mission. You have to be over 13 years old to have a Google account. If you are under 13 years old, you will need an adult to help you. Make sure you have both read Google’s terms and conditions. Go to www.support.google.com to find out more.

In Mission 3 you are going to learn how to build an app using HTML and JavaScript. An app, which is a short for “application”, is a type of program built to help a user with a specific task. In this mission you are going to code a to-do list app. The user will be able to add tasks to create their to-do list. Then when they’ve completed the task, they will be able to remove it from the list by clicking on it.

To make the app, you first need to learn to create a button using JavaScript. Then you are going to use two APIs (Application Program Interfaces) called the DOM (Document Object Model) and localStorage. These APIs allow you to program you web browser to make things appear or disappear from screen and store information.

In Mission 2 you are going to learn how to code in a new programming language called JavaScript. JavaScript allows you to build web pages that are interactive, which means they respond to the user. In this mission you are first going to learn how to use hyperlinks to connect two web pages together to create a simple website.

Then you are going to learn how to create JavaScript programs that will run in your web browser. In the final Do It Yourself Task you will use your JavaScript skills to create a program that checks a user’s password. If the user enters the correct password, they will be taken to the Monk Diamond web page. If they get the password wrong, they will get an alert telling them that access has been denied.