Level Selection Fragments

• Level Selection Header Title
• Left and Right Buttons
• Level Buttons
  • Six buttons per level, 10 levels in total.

Use the Figma wireframe to design the xml main menu file.

Files To Create/Edit:

activity_level_select.xml
LevelSelectActivity.kt

Main Menu Fragments

• ColourSlide Header Title
• Setting Button
  Sliding settings panel opens up.
• Play Button
  Opens the farthest available uncompleted level.
• Shop Button
  Opens shop activity.
• Level Select Button
  Opens level select activity.

Use the Figma wireframe to design the xml main menu file.

Files To Create/Edit:

activity_main_menu.xml (This should be the first activity to load up.)
MainMenuActivity.kt

Base Level Fragments

• Back Arrow to Main Menu
• Settings Button
  • Opens settings panel through inflating an activity, see helpful reference.
• Bottom Panel
  • Restart Button
    • Restart button does not reopen the activity.
    • Resetting all ground coloured tiles to uncoloured.
    • Time is set to 0.
    • Player position is reset.

Use the Figma wireframe to design the xml main menu file.

Level Mechanics

Attempt to acquire user input and read the direction of the swipe. Simply print to the console the direction of the swipe for testing. No need to use the swipe for any logic currently.

Files To Create/Edit:

activity_level.xml
LevelActivity.kt

Settings Panel Fragments

• Colour Blind Mode
  • Colour blind mode label
  • Colour blind mode toggle button
• Haptics
  • Haptics label
  • Haptics toggle button
• Player Icon (BONUS)
  • Colour blind mode label
  • Colour blind mode dropdown menu
• Level Theme (BONUS)
  • Level theme label
  • Level theme dropdown menu

All of the child fragments should be stored in a parent RelativeLayout fragment as the settings panel. Use the Figma wireframe to design the xml main menu file.

Files To Create/Edit:

activity_settings_panel.xml
SettingsPanelActivity.kt

Helpful References:

• https://stackoverflow.com/questions/5944987/how-to-create-a-popup-window-popupwindow-in-android

Level Complete Panel Fragments

• Level Complete Header Title (TextView)
• Completion Time Text (TextView)
  • Set to "0:00" as inital text.
  • Updated when level is completed before showing popup window.
• Horizontal Linear Layout, Bottom Underline
  • Star Image x3 (ImageView)
    • Stars should be initally set to a grey star, will be changed to golden when level is completed if the user satisfies the condition.
• Next Level Button
  • The button is inactive if the next level is locked.
  • The next level button determines the next level and opens the activity through the use of intent.
• Main Menu Button

All of the child fragments should be stored in a parent RelativeLayout fragment as the level complete panel. Use the Figma wireframe to design the xml main menu file.

Files To Create/Edit:

activity_level_complete.xml
LevelCompleteActivity.kt

Helpful References:

• https://stackoverflow.com/questions/5944987/how-to-create-a-popup-window-popupwindow-in-android