#Outset unscramble code

I tested this theory beforehand and I realised I was correct - some number combinations can never be solved. I had a strange feeling at the outset of this project that I could not just randomise the numbers 1-15, drop them into the game board and expect that game board to be solvable.

#Outset unscramble code

The code in this repo will run on your local machine without the need for an Internet connection. I also defined the start point combinations and created an array for each of them (see Challenges). I defined the legal moves for each position on the grid and stored these in an array. This game was built using JavaScript to handle the logic (check legal moves, check if the tiles were in the correct positions etc) and jQuery to manipulate the DOM. If it is not a legal move, then trigger an animation on the space.įrom this, I determined the tasks I needed to undertake and plugged them into a Trello board to help me stay on track.If it is a legal move, then move the tile into the empty space.When the user clicks on a tile, we must check to see if it is a tile that can be legally moved, ie see if it is touching the empty space.

Listen for a click on a position in the grid.

If they do not match, the tile is not in the correct position and it must be shown in red.

If all the tiles are green, then the player has won and the game is over.

If they match, then the tile is in the correct position and it must be shown in green.

Before the game starts and after each move, we need to compare the number on the tile with the position ID number.

Therefore create a set of grids and apply one of them to the game.

A number tile needs to appear in 15 of the 16 positions.

Each position on the grid needs to be identified by an ID number.

A 4x4 grid needs to appear on the screen.

This helped me to break everything down into a set of small problems. Planningīefore programming anything, I wrote some pseudocode describing what I needed to happen. Tiles can only be moved if they are touching the empty space. The aim of the game is to move the tiles around the board so that they appear in numerical or alphabetical order, with the empty space in the bottom right. Depending on the mode, the tiles bear either a number or a letter. The game board consists of 16 positions and 15 tiles in a 4x4 grid. This game demonstrates my capability to create a JavaScript game with HTML and CSS so that the user can play it in the browser. I decided to digitise a toy I enjoyed playing with when I was a child - picture courtesy of Pinterest: To challenge myself and test my understanding of creating methods and functions and manipulating a DOM, I chose a game which was heavy on logic. After two weeks of learning basic JavaScript, jQuery and object-oriented programming I created a game using JavaScript in just seven days.