• Home
  • Games Design
  • Mobile Apps I
  • VFX
  • Advertising
  • CPA
  • Experiential
  • Mobile Apps II

Slider

Yasmin - 0325946 - BIMD AUG 2015

This group assignment was a title sequence. My group had agreed upon using two of the group member's movie, which is Midnight. We were inspired by a scene in Man from Uncle and a bit of other action movies such as Fast and Furious and Drive since the story of the movie is about a driver.

The Final Video:
<iframe src="https://drive.google.com/file/d/0B4uV-ScOsxywR3pfNVFzMFIxV0E/preview" width="640" height="480"></iframe>
The initial idea for the video was something like this:



and then it changed to this:


and finally it became this:

<iframe src="https://drive.google.com/file/d/0B4A06Tf8s1ASNzNIRkpncDNpelE/preview" width="640" height="480"></iframe>

Game Pages

Start Page
Win Page

Game Over Page


Buttons



Environment Look and Feel

I added a bullet counter and player life to the UI of the game

Environmental and Collectible Assets


Character States

Character


Boss States

Minions



Here is the link to my prototype in inVision for better view of the app I created.






new search bar design, the exit is on the left hand side
Size menu to see how it would be designed

Not available features so that people would know that it'll be coming soon in the real things




Added new pages such as the home, my account, my saved, checkout, thank you page and my bag. It was a bit tough coming up with certain pages like the checkout page, my account and my bag because I didn't know what to put at first, but after referencing some other similar pages on other apps, it is quite straightforward. 
checkout
my account
my bag
my saved



I had made some micro interactions using After Effects. It is quite a process where you have to export it as a video, and then import to Photoshop and export it as a gif. What I dislike about this process is that if the page needs minor tweaking or updating, I would have to reimport to Photoshop and it repeats. So, in order to avoid that, I had make sure before exporting it as a video on After Effects, that there are no minor things that need to be fixed. However, mistakes happen and nobody is perfect, so there is really no way around it. It is a trial and error process.

Here are some of the gifs that I made.

loading page

landing page
home page

men's menu

women's menu

sidebar menu
Items page

Item page



Here is the link to my prototype in inVision for better view of the app I created.

Text UI
Private = can't be affected by other scripts

void Awake = similar to start but it will be processed first before the start.

++ incremental, add one
-- minus one

Instatiate (what, where.position,where.rotation) as Rigidbody;

transform.right (moving to the right)


public float 
The term public will make it adjustable on the Unity inspector meaning that we can change the value there instead of in the C# script.

For the variable float, we would need use the a decimal value and end with f.

/* multi land command */
// single line command

print (check console)

Variable types
int = integer (whole numbers)
bool = boolean (true or false)
string = collection of characters

Arithmetic Operators
+ Addition
- Subtraction
* Multiplication
/ Division

Comparison Operators
== is equal to
! = not equal to 
> larger than
< less than
> = larger than or equal to
<= less than or equal to

Switch Statement

switch (weapon)
{
  case 1:
   print ("You found life");
   break;

  case 2:
   print ("You found nothing");
   break;

  case 3:
   print ("You found greatness");
   break;

  default:
   print ("You found ______ ");
   break;
 }

default is used when there's nothing else

Naming Convention
FirstCapital: Function
secondCapital: Variable

void: function
start (at the start of the game)
update (every frame in the game)

custom (); to execute play/use it.

call upon by key (Input Manager)
if (Input. GetKeyUp ("space")) {
custom ();
}

Vector 3 (x,y,z)



This was done using the element 3D plugin. This can help for our title sequence assignment. 3D helps make a footage more realistic. 
Character in Environment
*Artwork not final
The background environment will consist of enlarged ingredients.
Game Keys
Keyboard
Action
Space bar
Jump
↓
Duck
←
Move Forward Slower
→
Move Forward Faster

Screen Shot 2016-10-17 at 7.47.03 PM.png
Character with villain (Artwork not Final)

Game Keys with Villain

Keyboard
Action
Space bar
Throw item/ingredients that were collected
↓
Duck
←
Move Left
→
Move Right
This exercise basically makes a still image alive as if it was a video by using as if there is camera movement. This is achieved by using the grid, camera and light. The grid is used to identify which is the floor, the sky, the left side, and the right side. Then the light would vary according to the layer, whether to cast shadow, accept shadows, accept light and etc.

Here is the result:
*one of the three tries we did in class. but this picture is my favorite :D
Game Screenshots Breakdown
Characters
Description
Main Character: Amelia
  • Passionate
  • Loves pink
  • Cute
Screen Shot 2016-10-17 at 7.47.03 PM copy.png
The Mad Mixer (Artwork not final)
  • Not in the mood to bake at the moment
  • Stubborn
  • Throws fire sparks at Amelia
  • The character's life/health bar will decrease in the final battle if hit.

Obstacles
Description
Hot chocolate puddle
Player would have to jump over it by pressing space bar.
This will decrease the time limit as it is hot.
Milk drips
Player would have to time when it’s going to drop so would have to estimate whether to jump or duck.
The player will lose one random ingredient according the amount displayed underneath the ingredient.
E.g: since one sugar is 10g, so 10g of sugar will be minused off. The ingredient will be chosen at random.

Attack of the utensils
Player would have to avoid it by jumping or ducking, according to the incoming warning (!!)
The player would have to restart the game in order to continue.


Collectables
Main Ingredients
Description
Strawberry
Requires 500g of strawberries.
Players would have to collect 25 of these.
Chocolate
Requires 150g of chocolate.
Players would have to collect 10 of these.
Butter
Requires 200g of butter.
Players would have to collect 4 of these.
Corn Starch
Requires 30g of corn starch.
Players would have to collect 3 of these.
Flour
Requires 125g of flour.
Players would have to collect 5 of these.
Milk
Requires 400ml of milk.
Players would have to collect 4 of these.
Egg
Requires 4 eggs.
Players would have to collect 4 of these.
Sugar
Requires 350g of sugar.
Players would have to collect 3 of these.


Other collectibles
Description
Donut
This will increase the time limit.
Pastry Hat
This will form a bubble around the character which protects the character from obstacles.
Coins
Coins are used to upgrade equipments and power ups.
Newer Posts Older Posts Home

ABOUT AUTHOR

Yasmin Kamarudin
a year older on the 19th of May
Taylor's University BIMD
Malaysia

Blog Archive

  • ►  2017 (11)
    • ►  July (4)
    • ►  May (1)
    • ►  February (4)
    • ►  January (2)
  • ▼  2016 (41)
    • ▼  December (7)
      • Final Assignment
      • Second Assignment Matte Painting
      • Game Design Final Look
      • Final Look of One Collection Application
      • Game Development
      • More new pages
      • New pages
    • ►  November (22)
      • My own micro interactions
      • C# Script Notes II
      • C# Script Notes I
      • 3D Element
      • Environment + Game Keys
      • Exercise: Still Image → Video II (3D Camera)
      • Game Assets
    • ►  September (12)
Powered by Blogger.

Copyright © 2015 Yasmin - 0325946 - BIMD AUG 2015. Designed by OddThemes