The Conclusion

I've change few design for the game because of the limitation of Stencyl.
At first I wanted to create three buttons on the game menu page (1st Scene),
for story, how to play and game page.
But I found out that I can't enter the another 2 page, it keeps enter the game page only.
There's no problem with the event coding I put,
I can't fix this problem so I have to figure out another way.
Then I came out this:

I combine the game page with the guide page, so I can avoid the problem.
By the way, in the previous consultation with my lecturer,
he suggested to make a countdown timer before the game starts,
but unfortunately there is no tutorial for this,
and I can't figure out the way to do it,
so I create a invisible button on top of the game,
to let the player tap or click on the screen to start the game,
so they would not lose the game before they even get ready.

These are the obstacles that I redesigned, I use my dearest lecturers' faces for it.
It actually looks cute, the main reason of this is because my previous design is so boring...
I want this game to be special, so I decided to use their faces,
will remind me of the rest of assignments....

Thanks to one of my classmate, Kenny for helping me to did this recording for my game, I played with the pitch and reduce the background sound. The recordings is actually recorded by my iPhone, so there are some background noise... Luckily I can fixed it, can't hear any background sound when it played with my game background music.

Insert the music part is the second worst nightmare (Timer is the worst nightmare) for me, because it happened 2 background music when change scene. I insert the stop all music event on the top and loop music on the bottom but can't work... It really stop all the sound... But it fixed when I inserted the fade in music event.
Here is the game will be look like:

Stencyl is a new software that I never touch before this semester, people used to said that Stencyl is very easy to use because it doesn't need any coding.
This is actually not true, I did used coding for my scene behaviour,
it is for the transition when the player tap on the buttons.

Looking back of my posts, I didn't really tot of learning stencyl from the beginning.
Because no one will help me when I have problems using stencyl,
my classmates are all using metaio creator, adobe edge and muse,
when they have problem the lecturer can help them,
but for me... When I have problem, the only way of solving is search internet,
find tutorial myself or ask question in the stencyl developer forum.
It's really all by my own, this is the price I need to pay for chosen to be so unique.

But I do learned a lot in this semester, I learned the important of time management, I learned to be more independent and think out of the box.
Because when internet can't help me to fix those errors,
then I force myself to stop thinking of that issue and find a new way that similar with I want.

I think my strength is...
1. Good in research
2. Creative Idea

I said I'm good in research because I did something extreme when I wanna learn those game events in Stencyl. Those tutorials video teach very less event. What I did was I go download all the sample game in the Stencyl website and open it just to study their game event.

My threats while producing this game is just like I mentioned it earlier, there is lack of tutorial videos using stencyl, most of the game event function is unclear, no one explain it to me, even the behaviour also very less. I need to try it on my own just to understand it...

Time management I think is my weakness, if I could have done it earlier, I won't be awake until now...

Click here to download my game "Stupid Cupid"

Finish Design

Finally I have finish all the design I gonna use in my game,
everything are going to be pixel art style, to make my game looks more retro.

My Retro Design

But sadly I may not have time to complete the intro story, I have done the sketches and drawings but I haven't figure out how to do the animation in Stencyl, there is no tutorial for it...

My Sketches

I also found one of our classmate to do the cupid sound effect, due to the studio is fully booked, we can only record the sound using our own recorder. The background sound of the recording is kinda annoying, hopefully adobe audition can fix it.

Change my design

I have change my character design, the previous one is kinda like japanese chibi style,
but now I'm using pixel style.

Using pixel style of character shows more retro style for my game design, it actually bring back my childhood memories.

Okay, here is the design will be look like, the previous one and the current one.

The previous design

The current design

This is the previous design, I did it in Illustrator.

This is the current design, I did it in Photoshop.

Game Design

Since my technical part for my game is almost done,
everything seems goes well in the game,
except I still haven't figure out the countdown timer in Stencyl...
There is no tutorial for that... I think I need to find it out myself later..
Now I'm doing the design for my game,
I'm still sketching for my storyboard.
Oh ya, the intro animation before the game is unable for Stencyl,
guess I need to do my intro like a comic style with a next button,
so the player just needs to press the next button to go through the story before start playing the game.
I've only done my design for my game title and background so far,
will update again when I done my character and obstacles design.

Game Title

The game title design has changed, because Mr Muzamir said that the title need to be very eyes catching, so I came out this design. I get the inspiration from several games such as plant vs zombie, pokemon, angry bird, etc.

Game Background

The game background design is just a mock up, I may used it in the game or maybe not. It depends on my character style, if I think this is not suit my character, I will change another background.

2nd Prototype

Here is the second prototype that I've done,

click here to download.

I've downloaded some images from the internet and do some editing, but most of the images I draw it myself in Ai. I used these images for my prototype, the design is actually not confirm yet, these are just for the use of this prototype.

Ai Files

I added my character, title, pipes, score board, notice boards and buttons into the actor list.

Actors

Then I inserted background and fore background image into the background list.

Background

 I also added some sound effects into it.

Sound effects

Then I inserted the behaviours that I downloaded from Stencyl Forge.

Behaviours of the prototype

 After added all the things I need, I started to do my prototype. First I create a scene called "Title", I drag my title design and button into the scene.

Title Scene

Then I used one of the behaviour in this scene to make the scene jump to the game scene when the player tap or click on the "Play" button, it also included the transition for it.

Behaviour - Switch scene and start

After that, I create another scene called "Scene 1", it's the game scene, I started from added the background images into the scene then adjusted the gravity of the scene.

Background

Gravity

Then I dragged in my character and floor into the scene. 

Scene 1

Here comes the most difficult part, the event of the scene. I have tried using two different event in this scene, first I used the most common event, I dragged in the pipes into the scene and just simply set it like: 

1. When the cupid touched the pipes, game over.

2. When the cupid hits the floor, game over.

But I found out that this is a stupid mistake, because I need to dragged in as many pipes as I can into the scene, this make the game became so lagging and there is a possibilities of breaking the game when the player passes though all the pipes that I added to the scene.

Then I figured it out by using the timer event, the pipe will appear automatically in every 2 seconds, so I no need to drag in any pipe into the scene and cause terrible lagging, and the game became endless, it will game over only when the player hit the pipe or floor.

Event

I added drawing event into the scene to show the score when the player is playing the game.

Show score

I also added actor event into the scene, when the character died, the scene will automatically jump to the game over scene and save the score. The score that saved will be showing when it's jump to the game over scene.

Actor event and save score

At last, I create the last scene called "Game Over", I did it as same as the "Title" scene, just dragged in the title, score board and the play button. Then added in the behaviour that I used in the "Title" scene.

Game Over

The only different was I added some drawing event into the scene for the game score. There are two event in the scene, one is for showing current score and another one is for showing the highest score.

Highest score

Current score

That's all for my second prototype, I will be more focus on my design next time.