Noble Neon: Sprightly Sprites!

So we talked about getting defined looks for our games last week, where consistency is key to making games look great even without the help of a great artist. This week, I’m going to go deeper into my own game, Noble Neon, its looks, and the assets that I’m currently using in it. If you didn’t see last week’s post, here is the current mockup of the game:

NobleNeonv2

Noble Neon is a game about a bright noble gas particle fighting off bright creatures of the Void. Bright and Neon are our key terms for defining our look here, so all of the assets should have to follow the theme consistently. After staring at similar games, especially Geometry Wars, I got a good idea on what to look for and started scouring the net for resources while making some as well. Let’s take a look at the characters first.

Shape_Blaster_Sprites
Created by Jacob Zinman – Jeanes: http://gamedevelopment.tutsplus.com/tutorials/make-a-neon-vector-shooter-in-xna-basic-gameplay–gamedev-9859

After several edits to make them more suitable for my game, they became this:

Characters Jeanes

The Blue Boss is another enemy type that I added. I created the asset myself:

BlueBoss

Next, we’re phoning Michael Bay in for a whole lot of explosions and particle effects! Stencyl isn’t particularly friendly with particle effects, so I’ve decided to go with explosion sprites that emulate particles. I found this online:

Created by lumina: http://opengameart.org/content/candy-pack-1
Created by lumimae: http://opengameart.org/content/candy-pack-1

explosion-example

The different colored Explosions are associated with different characters. The Red is for when the Player gets damaged or dies. Yellow is for damaging yellow enemies. Blue is for damaging blue enemies. Finally, the Pink/Purple is for when the player picks up a power-up.

Speaking of power-ups, I created assets for the three power-ups currently in the game.

The Bomb destroys every enemy on the screen EXCEPT the Blue Boss.
The Bomb destroys every enemy on the screen EXCEPT the Blue Boss.
Heart
Gives an extra life to the player.
Increases the player's rate of fire.
Increases the player’s rate of fire.

Purple is the color set to help the Player, while Red is the color representing the Player’s health, hence the difference in color.

The Heads Up Display itself is made up of two different assets, one of which has multiple variants. I created these myself.

A Box at the top of the screen for your current Score.
A Box at the top of the screen for your current Score.
Lives, Current Colour and Brightness Meter at the bottom of the screen.
Lives, Current Colour and Brightness Meter at the bottom of the screen.

The number of Lives is drawn using Stencyl’s drawing system, so it isn’t an asset itself. Its drawn in the heart on the bottom HUD part. The big Circle below the Heart shows the color that the player has currently selected for their ammo. It has yellow and blue variants.

Yellow
Yellow
Blue
Blue

Finally, the background of the game is a modified copy of a hex-grid created by Metatality on Deviantart:

hex_grid_green_by_metatality-d62eip6 (1)
Created by Metatality: http://metatality.deviantart.com/art/Hex-Grid-Green-366833706

I had to modify it to make it less vibrant and distracting. Here’s the modified version for the game:

BackgroundZero

And that makes up the assets of the gameplay for Noble Neon!

Leave a Comment

Your email address will not be published. Required fields are marked *