Final Game

A lot of effort into this game! I feel like I could keep working on it for a long time! So much I could add and improve, but I feel like I did my best and I am really proud of it. Definitely going to be a portfolio piece.
I am also very very happy that my game was chosen!!! Cheeeeeeeeeeeeeeeeeeeeeers!!!!

Final Game Screen Shots

My to do Notes:

I thought it would a bit humorous posting all my iphone notes for the things I had to do and I didn't want to forget, just so you have an idea of how messy it can get, lol.

Music

I created all the music and sound effects for the game. What I am mostly proud of, it creating the music tracks, I am really happy with some of them, such as the world map one. I made them using Garage Band at uni.

Here they are:

Score Screen

So I made these really cool animations for the score board. Took me aaages, haha, but it was worth it, I am really happy with it!

Tutorial Pop Up Screen

I made a very simple pop up animation where the game asks you if you want to play a tutorial level before going into the first level.

This is what it looks like

On the animation, the background folds out and the "yes" or "no" text get bigger if your hover over it

Navigatiooon Animatiooon

Since I was finished with my animations, I decided to add a lot more to the game as a whole by creating little animations for the navigating system. These ones I did for the click to start Logo screen:

Mouse Out Animation

Mouse Over Animation

Mouse Clicked Animation

Tutorial Hologram

I did this one in a bit of a rush. I did it well but I ended up not having much development documentation in the end. I had it in form of animations. I redrew his arm a few times to get a nice animation.

First worked on his arm starting to glow

Then on the hologram structure and background

Then I added a couple of blinks as its lighting up

Then I tried it with the text to make sure it wasn't too small

I tried adding more frames to make the hologram go back into his bracelet but stencyl couldn't hold the amount of frames, there were about 70 frames in the animation

then I polished it so it didn't look off or skippy

Final Animations:

Walk

Run

Jump

Glide

Shoot

New Attack

New Attack!

So it was time we gave the token a good purpose! We made it so that if you collect all 25 tokens in the level, you get a new attack. It was my task to draw the new attack.

I first went for an electrical sphere with an aesthetic similar to the other attack.

Here is the animation:

I thought it looked ugly as so I decided to change it. I went for just a normal sphere.

Animation's Development:

Colours were too extreme

Lightnings didn't look right

Lightnings almost looked right

Nice : )

My group liked it but they suggested an attack that was unique and much different to the other one. So I made a lightning bolt.

Animation:

However, the coding became a bit confusing and we weren't able to add this one in on time. So we used the other one I did but Mohsin made it so that it kills two robots with one bullet.

Sliding

Tutors suggested a sliding animation so that the fox didn't look too static when it was sliding after a run. I took some inspiration a made a little animation for it. I attempted adding some dust effects and I think it worked well.

Inspiration

Animation

I also moved his fur slightly to give him more of a motion feel

Arms Crossed

New animation on the way! I decided to create an animation where the fox crosses its arms after successfully finished the level. Here it is:


I had to look for examples because I was struggling to understand how your arms actually look when they are crossed and how they are positioned exactly. This picture really helped me out.

Then I attempted to create in-between frames from Idle to Arms fully crossed.

Animation:

I also added a little bounce to his arms after he crosses them, leaving the left hand static. I also had a little blink on this one again because I thought, why not, would look cool.

Birds and Leaves

So I animated some more stuff. Warren drew a flying bird in  4 or 5 different frames and I just put it together, so I can't take much credit for it but I'll display it anyway.

Warren also drew leaves for the scenario, but this time animation was much harder and time consuming.

My idea was to draw a path for each leaf and repeat it several times with slight rotations.

Here is my animation's development:

Started with one leaf

Applied same pattern to every leaf but randomized, of course.

And the final piece:

Target

I figured that the tutorial level could also have a little target that you can shoot for training purposes. So I decided to draw a little robotic dude to add more to the level. I drew it, refined it and animated it all myself and it turned out pretty cool :)

My very basic development, haha. I came up with the idea of adding a solar pad on his back to match the context of the game.

Then I started sketching it on Illustrator

Started adding more details and gradients.

And then I put it into photoshop and gave it some nice glows and some shadow work.

Next step was animating:

I kinda copied the movement style for the robots since this one is floating as well. Then I just moved is body as well as two different parts connected by these pipes.

After that I just added the rings motion and a fade in/out for the target aim