Video of the Interactive piece

Interactive piece

Finally, I have finished up all the necessities and put it as a video file.
There's another video uploaded in Vimeo: https://vimeo.com/126495876

This was rather a challenging but also interesting and very helpful. I was more focused on 2D art but haven't really tried in Isometric way. This was all a new experience for me, such as drawing in isometric (environment, character etc) but with this difficulties, I have gained how to draw in isometric way in further depth. Challenges and experiences are great way to understand and gain skills when you haven't tried it before.

Flash coding

Coding in Adobe Flash

This is the first iteration of coding which will be used for character to move. This is all a new experience for me since I am not knowledgeable at coding + I had absolutely no idea how to even move characters in isometric way. There wasn't much of a choice for me except moving character by mouse clicking.

Later on, these are few of the major coding which have been used to create this interactive piece.

//Variables
var targetPos:Point;
var charSpeed : Number = 7;
var clickedPickup : Boolean = false;
var clickedPickupName : String = "";
var onArrivedAtPickupFunction:Function = null;
var soundChannel : SoundChannel = new SoundChannel();
var soundClip : Sound = new bkgmus();
var currScene :int  = 1;
soundChannel = soundClip.play(0,99999);

stop();

SetupScene();

function SetupScene()
{
HideMsg(null);
SetupTransitionButton();
SetupClickingOnPickup();
SetupCharacterMovement();
FindAllPickups();

}

Variables for every single objects and functions for each scenes. This was rather challenging but with few helps in the internet and other people's opinions, I have been able to finish coding without any errors.

Music choices

For music choice, I chose a music (royalty free) with ambient feeling to it and I thought it would match up with the theme I am going for this interactive piece. After implementing this music into the flash file and tested it, it worked perfectly and it does have the feeling what I wanted to show.

Background Didgeridoo Ambient Music | Royalty Free

https://www.youtube.com/watch?v=bTRHYcodVNs

Getting the Interaction (2)

Interaction

Third scene interaction practice

Fourth/last scene interaction practice.

All these interactions are very similar due to lack of knowledge in coding area in Adobe Flash but what it matters to me the most is the quality of the art, thus most of interactions are 

1. Characters moving in certain areas

2. Clicking certain objects to go into another frame.

3. Another object which will go into other scenes.

Getting the interaction (1)

Interaction

After creating most of the assets, it's time to implement it in the Adobe Flash. First is to draw out how the interaction will work and where the character will move, where the object will be etc.

Second scene interaction practice.

Environment paintings (2)

Environment painting (continuation)

Third scene/environment painting

Concept work of the interior

Final version of the interior design.

There were improvement in the house (detailing in more details) and for the last interior painting, this was rather difficult since I needed to change most of the assets I had (new ground tiles, portraits and paintings on the right side etc). However, it is important to have different scenes rather than sticking to same scenes over and over again, which will make players rather bored of this piece,

Environment paintings (1)

Environment paintings

This painting is the main background which will be implemented in each scene to give dreamy & kind of vortex feeling where it seize the attention. Unfortunately, the middle part will be covered with other environment arts which will be on top of the main background painting. However, it is a good practice and still be able to use it in the interactive piece.

The first scene environment painting

Second scene environment painting

I'm trying to put different types of objects in each scene so it won't be dull or boring for players to play this piece, for example, first scene will have bunch of street lights and second scene will have fountain in the middle of the path etc.