final

For my final project, I have decided to create an interactive game as my essay is based on conditional design. The game will be linked to the essay I have wrote about, which will be about a side-scrolling platform game (relating to Super Mario Bros.)

Side-Scrolling Platform Game research

A side-scrolling game, side-scroller or 2D is a video game in which the gameplay action is viewed from a side-view camera angle, and the onscreen characters generally move from the left side of the screen to the right (or less commonly, right to left) to meet an objective. These games make use of scrolling computer display technology.

With video games that use side-scrolling, often the screen will scroll forward following the speed and direction of the player character, and can also scroll backwards to previously visited parts of a stage. In other games or stages the screen will follow the player character but only scroll forwards, not backwards, so once something has passed off the back of the screen it can no longer be visited.

SIDE SCROLLING PLATFORM GAME CONVENTIONS:

- Controllable Character/Avatar
- Monsters/Obstacles
- Platform/area for character to jump on
- Finish goal/End of scrolling platform

INTERFACE:

- 2D side platform
- Non-Interactive Background behind object
- Landscape
- Block/Grid Structure

ClickTeam is a software company founded in 1993 by François Lionet, Yves Lamoureux and Francis Poulain and headquartered in Paris, France. ClickTeam is perhaps best known for the creation of a script-free programming tool that allows users to create video games or other interactive software using a range of GUI tools.

I will be using ClickTeam fusion to create my side-scrolling platform game for this final project. It offers variety of editing tools, such as adding my own object, character, background, obstacles and control settings.

By doing research on the super mario bros, I know that I have to create character sprite animation.

Animating a sprite is the process of a sprite repeatedly changes costumes, creating an animation. Animation scripts vary, depending on the amount of costumes and speed.

I have then created sketches of obstacles, which is one of the basic conventions of a side-scrolling platform game. It includes crate, spikes, stones and tree stumps. These will cause an effect on the character to jump and move around them. The spikes will cause character to lose Health.

Next I have created objects such as the direction sign and platform which the use can see. Users are able to tell where the character should go and where it should land on.

This is the settings/background I have created for the game. This background will show behind the game and it will follow the frame as the character moves.

The first frame I have created is the title screen. Title screen is where the game begins, it tells the user whether they want to play as 1 player or with a friend.
By following the original Super Mario Bros title screen, I have created a background, start button and a Game title.

The wireframe for 2 level stages I have created.

I have then created them digitally on Photoshop as a test because I want to see if the game program work first.

This is the frame editor interface from ClickTeam Fusion.

In here, it allows me to identify what object is the character and what object is the platform etc. This is also where I can see what is in the frame.

This is where you edit the object, in this case my character.

Editing my character change my animation of my character for walking, jumping and falling. There are different frames of the movement and I can edit the speed of it.

This is the event editor interface. This is where I can edit the interaction of the game. For example, what happens if the character falls, what if he steps on the spikes, what if he loses all the health, what if touches certain object, what happens to the frame when he reaches the end, and also what happens when the user press the button on the screen.

The screenshot shows how I'm trying to edit the collision between my character and a red mark (spikes), it gives me option for "subtract from number of lives".

ClickTeam Fusion Process

This is me testing out the program, here I am trying to create level stage 1 of the game. The brown rectangle is where the character stands on, it helps to tell the program where he should stand. I can change the setting for it to become invisible when the game starts so that it looks like the character is actually standing on the platform instead.

The green rectangles tell the program that if the character falls into it, the character dies and will have to restart the level. I can do this interaction on the event editor setting.

The Yellow rectangle is the end of the stage (goal). It tells the program that if the character reaches to the yellow rectangle, the next stage should appear.

I have recorded my own gameplay on the laptop to test out the stage, after I have changed my character.

The stage clear pop up and points countdown can be done on the event editor setting.

INSPIRTED BY SUPER MARIO BROS

I have recorded my own gameplay on the laptop to test out what happens if I run out of lives.

There should be a game over screen and a button pop out for me to press to restart the game. I have created this interaction on event editor.

ClickTeam Fusion WireFrame

Only what's in the black rectangle is shown on the frame.

FIRST STAGE + STAGE CLEAR

SECOND STAGE + GAME END

FINAL - THE RUNNING MAN

FULL GAME PLAY PART 1

FULL GAME PLAY PART 2

FINAL GAME DOWNLOAD - CLICK

OR:
https://drive.google.com/open?id=0BzW1BgG8jxkiTzc0WTZiVm1ud0U

- Use arrow key to control character, left, right, and up to jump.

- Use mouse and click on button as told.

- Avoid and get pass obstacles and reach to the end of the stage.

- Reach to the end of the stage without losing all 3 lives.