Action Script Testing 1

A sample test using simple geometric shapes - rectangles to represent social/energy bars and circles to represent locations that users can click in the world map. The numbers on the right side of the bars are the percentage representation in numeric form.

Picture 1: Sample Action Script testing for social/energy bars and location in world map.

Project Critique and Tutorial 4

During my tutorial session, I've shown my scene designs and a little bit of Action Script I did with the help of Stezon Liew and William Siah. These are some comments and activities done in class:

- Scenes would need to refine to be more detailed.
- Scripting in class for: social/energy bar and clock.

Among some problem occurred in the Action Script for the clock and social/energy bars:

- Social/energy bar's length at first click decreases tremendously, but normal decrease after second click.
- Social/energy bar's numeric form would continue to increase after 100 and decrease below 0.
- Don't know how to script for clock's movement (when increasing the time for different activities).

Game Location-activity Chart 2

A new chart made after considering some suggestions from my tutors to ease my programming work later on.

Picture1 1: Game location-activity chart revised.

Scene Design Basic Colours

Finished all scene designs with the basic colours to show the mood and feel of the overall scene. Gradients and shadows will be added in, as well as different lighting for different times of the day.

Here are all the scenes of the game (excluding world map):

 Picture 1: Classroom.

 Picture 2: Friend's home.

 Picture 3: Home. 

 Picture 4: Library.

 Picture 5: Mall. (with unfinished poster and things on the shelves)

 Picture 6: Park.

 Picture 7: Playground. (with unfinished swing parts added in Flash for animation)

Picture 8: Restaurant.

Action Script Aid by Tutor

This is part of the Action Script in which my tutor aid me with for my project. It's basically parts of the script for programming my social/energy bar and how my in-game clock would work.

Picture 1: Action Script tutorial written by the tutor.

Project Critique and Tutorial 3

This week I've shown a full interface design of a particular scene, with the elements such as the clock, social bar and energy bar. I also shown the activity-location chart, and below are the feedbacks and suggestions given today:

- Activity-location chart is much better than previous versions, activity duration can be in 10 or 15 minutes time interval to ease scripting process.
- Energy and social bar can be made to be more consistent in design.
- Look up interesting bar design in games for better idea and apply inspiration in current bar design. (looks a bit plain)
- May proceed to complete scenes and animation. And good start of finding Action Scripts. Test out Action Scripts too.

Game Interface Design Articles and Visual References

Found some links of articles and visual references for good (game and web) interface design. These are very inspiring and helpful for me in my game and web interface design to help improve the overall project.

Visual reference link:
http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/

Articles and tips links:
http://drupal.technicat.com/writing/ui.html
http://mochiland.com/articles/ui-design-for-game-menus
http://www.baconandgames.com/2010/02/24/user-interface-design-tips-for-your-game/

Game Location-activity Chart

I did an updated version of the location-activity chart based on the tutors' and peer's suggestions. This whole chart will determine the location users can access for the certain time, and what activities are available in each locations. I also include the duration for each activity and whether it's a social or energy increasing activity.

Picture 1: Game location-activity chart.

Game Scene Design Visual Reference 2

As shown in the previous chart about the locations and time, I've decided to abandon using the cinema scene and add only the playground. I will finalize the activities and time for each locations to complete the contents of the game and finalize the scene designs.

This is the newly added playground scene visual reference:

Picture 1: Playground visual reference. Link: http://www.shutterstock.com/pic-70561645/stock-vector-playground.html