This document outlines pre-production details for a fighting game, including:
- Color schemes for different in-game elements like health meters and special gauges.
- Font selection and text styling.
- Typical fighting game UI layouts like positioning of character portraits and timers.
- Example pixel art assets and styles to reference for character and environment design.
- A schedule for an 8 day development period focusing on creating 2 characters, a background, and gameplay meters.
2. Style sheet1
3
2
White will be use to
highlight some of the
metres in the game
Black might be use for the
outline of the characters
44
Red will be use for the
rage metre
It might be use for the
victory screen
4. Style sheet
.
One of these fonts I picked might be used for the
logo of the game. The style of these fonts suits the
type of game that I am making.
This font might be use for the regular
in-game text because its east to read
and suitable for a fighting game.
5. Sourced images
Its typical for fighting games
to have 1 character on the
left and the other on the
right facing each other
The bars on the top
represents each characters
health and are typical for
fighting games.
These are special gauges. Special gauges are use
for making each character moves more unique.
The special gauge position in fighting games
always are in the bottom corners of the screen
The timer in fighting games are
always in between the 2 characters
health bars. The timer is used so
that the fight doesn’t last so long
The names and
the icons next to
each character
health bar helps to
understand who's
health bar is who's
6. Sourced images
Bricks hopefully will be
easy enough to
tessellate with
I would make the sky
more fantasy like
Mine wont be detailed
like this because I am not
on that level of pixel art
The atmosphere of this
image feels that it may be
derelict, haunted and
abandons through the use
of the colours and shading
The foreground has more
detailed then the background
because some players might
get distracted by the
background and end up losing
10. Contingency Planning
Potential Issue Solution
Power out in college Wait until reconnected
Lost work Save onto USB and my documents
Corrupted USB In order not to cry save your files in multiple
areas
Unplugged computers Plug it in
11. Health and Safety
Potential Issue How will the issue be
avoided?
RSI Take regular breaks
Eye strain Move away from the screen every so often
Trailing wires and bags
(trips and falls)
Wires tucked away and bags under tables
Electric shock Making sure all equipment has been tested for
safety
12. Schedule
Day Plan of Action Resources Required
Day 1 Decide on the first character, research it and
start to make it
Google images,
Photoshop
Day 2 Continue to make the first character, aim to
have it finished
Google images,
Photoshop
Day 3 Decide what the second character is ,
research it and make it
Google images,
Photoshop
Day 4 Continue to make the second character, aim
to have it finished
Google images,
Photoshop
Day 5 Decide on what background I should make
and start to make it, the background needs to
be landscape, speak to Josh about how to
make a good background
Google images,
Photoshop
Day 6 Continue with the background Google images,
Photoshop
Day 7 Finish the background and if there is time
start making the metres
Google images,
Photoshop
Day 8 Make and finish the metres and fonts, decide
on what type of special gauge to use
Google images,
Photoshop
Editor's Notes
Explore colours, fonts and image styles similar to what you want to produce. Discuss all three elements in relation to why you chose them and where you may use them in your project. Go over as many pages as you need to
Mock up of a potential design using the colours and fonts established in your style sheet and sourced images
Mock up of a potential design using the colours and fonts established in your style sheet and sourced images