Final Thoughts

After finalising the game, i am overall disappointed i some areas of the game. Not all areas of the game were finished to the standard that i want them to be. Even though the i was disappointed with the overall product there was areas that i am proud of and the developing of the game has given me a deeper understanding of using phaser and game coding dynamics.

Creating a gravity within the game became very difficult this due to my lack of understand of phaser and also the abilities of phaser not being able to detect round objects.

Areas that i was please with was developing my tile-sets, sprite-sheets and other art work inside the game. shooting, moving the enemy sprite are also areas that i am proud of.
if i was going to create a game again i believe that i would be able to achieve a lot more within the game because of what i have learnt in the development of this game.

Playthrough

Game Over and Restart Added

When the SpaceShip collides with a alien the ship will display the explosion animation then a text will appear to click to restart the game. the restart will then reset the position of the spaceship 

Developing Splash Screen

I have used the image as I have shown before in a previous post. i have edit the image to include the controls of the game i will also use another image to instruct the user to click to start the game.

This will be the image which will be flashing.

Hud and Score added

I have added a Heads up displays that will move along with the spaceship as it goes through the level. the display will update every thing a diamond is picked up by the spaceship. I have also added a score which will also be added in the Hud. Points will be added when astroids and aliens are destroyed and when coins diamonds are collected.

Adding sound

Now I have added the collision to the Game in those functions I will be able to sound to them.
I have kept the Same sound for alien collision with bullets and astroids with bullets, this sound is an exploding sound.

Sounds added:

• alien and bullet collision
• astroid and bullet collision
• Spaceship Death / losing a life
• Coin Pickup
• Diamond Pickup
• Background Music 

Background Music has been added, the music is theme in a retro feel which goes with the rest of the theme.

Collisions Added

Collisions Added :

• Aliens and Bullets 
• SpaceShip and Astroids 
• Astroids and Bullets
• Diamonds and SpaceShip 
• Coins and SpaceShip
• SpaceShip and Aliens 

Shooting Added

To increase the games quality I decide to introduce the ability to shoot. This will allow the player to destroy objects and obstacles that the player may encounter. The shooting will only be fired in the direction which the SpaceShip will be facing. I will use a group to allow the shooting with the image below.

To perform the shooting action i will use a function that will be called when the space bar is pressed.

UPDATE: Adding enemies

Through testing the Game i found that there can be a few errors with the Aliens when entered in as a group although it may be easier to enter in these way. Occasionally the aliens are over lapping making it easier for the player to complete the level.

I also wanted to enter the ability of the aliens to move around, however I have found that it is extremely difficult to do this as the groups will all follow the same path.

So I have decided to insert the enemies individually as sprites and set there tween to different areas of the map so that the game is more consistent from every play. 

Here I have set the alien to certain area of the map which I will do with the other aliens that I enter in later.

Adding in emenies

For adding the enemies I will add in multiple sprites of the same image

I added the Enemies in as a group in random areas into the map just like i did with the Diamonds and astroids.
I have created 7 aliens to be in the level.

 The code I have implemented randomly sets the aliens into a group that is named aliens. i have also included a tweening function for all of the aliens that makes them seem as they are disappearing into the darkness and reappearing .

SpaceShip movement added

Using the Phaser resources I have allowed the spaceship to movement the level and getting the sprite to rotate with the arrow keys and move in the direction of the keys.

This is the Code i have used to allow for the movements. 

SpaceShip Movement

The Spaceship will move by the use of the arrow keys, the left and right arrow keys will rotate the directions of the spaceship, the up arrow key then will allow the ship to move in the direction that it is facing

additional buttons can be added such as a fire using the space button. 

Developing the FIrst level

To make my first level I will have to make my tile set, I will hand draw in them in either PhotoShop or Gimp. I first Started to use Gimp to draw the Tiles however I found this program difficult to understand to use, so i moved on to using PhotoShop.

I have developed a TileSet is set to 64 by 64 pixels, I have made 6 different planets and object that will feature in the map design. 

Originally the planets in the map were going to be obstacles in the games however, as with the restrictions of the phaser. The objects cannot be round. so i have decided that these objects will only feature in the game as a backdrop.

The Program I used to develop my level was 'Tiled' i imported the image i made into tiled where I set the tiles to 64 by 64, it then allow me to click and drag the tiles in the places where i wanted them to be. after I set all the tiles in the places i wanted them to be I exported the as a JSON file. 

Adding Collectibles

To save time for other areas of the game, i have used a diamond image i found available in the phaser resources. however the diamond image has managed to stay in theme with the rest of my game. the image is pixel art and goes well within the game.  

To improve my game, I want to add collectibles into it. I wanted diamonds into the game the player will have to guide the spaceship into the diamond to collect it. I will put 5 diamonds in the first level, i entered the the diamonds in a group. using a random function i will enter in 5 diamonds in random positions and in a random colour out of the 5 colours in this image.

Like the diamonds i also found this image in the phaser resources. I will enter 3 coins in the level to the level. this time the coins will be individual sprites and set in position. a animation will be added to allow the coin to seem as it is spinning  

Astroid Sprite

initial for the image of the Sprite i was going to make multiple image of rocks, however once i started to make the first lot of images i saw that this would take too much time. so i decided to make them into a groups and randomise the size and scale of each image to make them seem as unique rocks.

I have made this astroid image in photoshop i will use the image in the game as a sprite that interacts with the Spaceship. The space will be able to collide with the astroids. at the start of the first level i want it to be as the Space ship has encountered a astroid field. There i will use this sprite in a group where it will produce multiples of this sprite as different scales and velocities in x and y. thus giving the effect of the Spaceship being inside of astroid field 

Here is the start up of the First level where the astroids have been randomly inserted as size, speed and areas of the level. when the Ships collides with one of these rocks then the speed and direction of the astroid will alter.

Phaser Coding Problems

After Managing to load my tileset as a JSON file, the Spaceship wasn't not loading in the game window. After monitoring the error Messages in the internet browsers, I was none the wiser. The spaceship was not visible but because the default images was being show I could carry on coding the dynamics of the spaceship with the animations and image.

I Later Found that the error was the a instances of Spaceship was spelt incorrectly therefore not allowing the image to be shown. correcting the error instantly shown the space with all working animations.

Intial Background level 1

I used a fading colour gradient from back to green this is show progression to the play whilst them are playing through the level.

This is the background that I designed in gimp for the first level once zoomed the level is full of small dot to representing stars and planets in the far distance. This is the first version of the background so I could further add details to make the background more attractive, possible implementing the rule of thirds.

Here is the level background zoomed to see the first part of the level.

Possible things to add to the background:

• Planets
• Spaceships 
• Satellites 
• exploding stars/planets
• space station

Here is another version of the first level, I have included planets so that it creates more difficulty for the player.

SpaceShip Sprites

These the initial designs for the Space Ship that the user will control when in the game. They are all ideas that i had to feature in my game. i choose the bottom image to be the spaceship i thought i would suit my game scheme better i thought i was the easiest the make in photoshop into pixel art.

This is the first version of my Spaceship sprite, this was made in the programme GIMP, I developed the image pixel by pixel. This was to stick with the idea to have the game in a retro feel with the use of pixel art. However with the lack of my brain working I created sprites which facing upwards. Originally i created the ship with a flag on top of it, i decide this was tacked and removed it. with an empty space increased the length of the spaceship window. I also the rotated the ship to face the right direction 

First version of my sprite sheet,  I have used multiple images that I have rotated plus and minus 45 degrees, so when the image will change when the direction keys are pressed.

Colour scheme For SpaceShip

To create my SpaceShip Sprite I have made an colour scheme that will go with the space theme. I have used a colour wheel that on a colour scheme maker.  The Red and Yellow colours will be used in the spaceship's 'Thrusters', in the sprite sheet the 'Thrusters' will vary on how much depending on which direction the space is turn or not turning at all.

The Grey colour will be primary used in the spaceships body and the two varieties of blue will be used in the Spaceships window.

Initial Tilesets

The use of Super Pixel Time has allowed me to produces these possible sprites and tiles

An earth like planet







A Planet much like Saturn

Both Planets would feature in the level, if collision happen between them and the Space ship sprite then the space ship would explode

Possible Start up Screen

Using an image I found through a Google Search, I have used a website to change the image into a pixel art image. Seeing as I want the game to have a pixel art theme to it, using this image would reflect the way rest of the game would look and feel like.

How Gravity could affect the SpaceShip

A use of different colours that are the orbit of the planet could affect the space ship. if gravity becomes to hard to implement I could make the orbit slow the space craft. Create a sprite sheet that includes the space ship straining to pull away from the planet.

Moodboard Background and Sprite

• Space Based Game

• Side Scrolling Game
• Player Guides Spaceship through space
• Obstacles Include Planet and asteroids
• Possibly Alien spaceship
• the game will have a dark theme to it
• would also like to use pixel art

Player, Objects and enemies

• Player will use Arrow keys to guide spaceship space bar for speed
• Player will also have ability to shoot and destroy objects
• Obstacles may have gravity to make it more difficult
• additional would like to use power ups

dymanic background

moving asteroids to allow difficulty to the game can be broke if fired on

Tiles that could be used in game

Technology Chosen

There was only two technologies that i initial thought to use for my game design these are Stencylworks and Phaser. I have Decided to use the technology phaser to create the my game. This is because Phaser is less restricting on adding in content. it also uses javascript which i am familiar to already.

Game Genre Chosen

I have Decided to choose my game's genre, the game genre will be a space themed shooter

Game initial thoughts