Skip to content

Latest commit

 

History

History
67 lines (49 loc) · 4.24 KB

SampleStructure.md

File metadata and controls

67 lines (49 loc) · 4.24 KB
Raw

Sample Structure

Avatar Creator State Machine

The avatar creator is based on a state machine pattern. Its used for switching between different screens(states).

  1. State To Skip - Allows skipping of states.
  2. States - Specify selection screen or states.
  3. Starting State - Set the starting state. If user is logged in, starting state defaults to Avatar Selection screen.
  4. Default Body Type - Set default body type if body type selection state is skipped.
  5. Default Gender - Set default body type if gender selection state is skipped.

Selection Screens(States)

  1. Login With Email Selection - Login by sending a one time code to user's email address.
  2. Avatar Selection - Select/edit the previously created avatar from the list of avatars.
  3. Gender Selection - Select gender of the avatar.
  4. BodyType Selection - Select body type of the avatar - full-body or half-body.
  5. Default Avatar Selection - Select the default avatar from the list of avatars.
  6. Selfie Selection - Landing page for taking a selfie and use it to generate the avatar.
  7. Camera Photo Selection - Opens webcam and allows to take a photo.
  8. Avatar Creator Selection - Landing page for avatar customization.

Header

  1. Back Button - To go back to the previous screen.
  2. Next Button - To save the final avatar.

Loading Manager

Show different type of loading

  1. FullScreen Loading - Toggle a full screen loading.
  2. Popup Loading - Toggle a popup with or without loading.

Account Creation Popup

Popup for when next button is pressed after avatar is finalized in Avatar Creator Selection. If user is signed in this popup will not be shown.

Avatar Creator Selection Components

Panels

  1. AssetTypes Panel - Contains buttons for different asset-type - face, hairstyle, outfit, glasses, face mask, face wear and head wear. On click the buttons will open the respective asset-type panel.

  2. AssetType Panel Prefab - Contains asset buttons for the selected asset type.

  3. FaceType Panel Prefab - Contains asset type panels for face - face shape, eyes, eyebrows, nose, mouth, beard, etc.

  4. Left AssetType Panel Prefab - Eye color, Skin color, Hair color, etc.

Buttons

  1. AssetType Button Prefab - For selecting an asset type. The thumbnail image are present on path Samples/Icons/AssetType.

  2. Asset Button Prefab - For selecting an asset with thumbnail and a selection circle. The thumbnail image is fetched from the server.

  3. Clear asset selection button - For clearing the selected asset.