> For the complete documentation index, see [llms.txt](https://wavey-wizards.gitbook.io/cronos-labs-dev-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wavey-wizards.gitbook.io/cronos-labs-dev-documentation/required-design-development-scope.md).

# Required design/Development scope

## UI

User Journey Below is the step-by-step of user interaction within the menu and game and how it will function. all images supplied Are Rough guidelines of what the team has in mind.

* Log in/create an account: this will have a simple box option to do either, in the background semi Fades Out will feature the login screen.

<figure><img src="https://2811743957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAKaKQbtRwArSY0c1SLAh%2Fuploads%2Fwoc0BhjjlJAopFmLICbT%2Fbook-login.jpg?alt=media&amp;token=18a7850d-d6fe-4cd8-b01b-48b35c6ab9ae" alt=""><figcaption></figcaption></figure>

* After login has been made, the W logo will open up showing three options: play game, Deck-builder, and edit profile.

<figure><img src="https://2811743957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAKaKQbtRwArSY0c1SLAh%2Fuploads%2FTIcSG1Bq8PvkphXZRErt%2Fmenu.jpg?alt=media&amp;token=43230696-98f9-4b67-8735-452c86d63ff6" alt=""><figcaption></figcaption></figure>

* Play game:

1. the first option- will form an invite link for anyone to join integration for an invite to be shown in Discord or in the form of a link to be shared.
2. the second option- will be a match-finding service that is incorporated for others searching for a game also. With a current time frame and a loading-type screen (to be added at a later date).
3. Edit profile: in this section will be a few things for Settings I.e name and Profile picture.
4. Deck builder: this will include all the NFTs purchased from the mint. Within this option, it will contain a fill option for your deck. You will have the option to use a basic deck that will be available to people who only brought one nft.

### Development requirements

* Account creation and login to incorporate with wallet
* Metadata to be pulled from the contract along with the image for the calculations of abilities, health, and attack of cards( equations to be shown Here)
* A record of who won within the game to be incorporated into the blockchain to produce a Highscores list.
* 64 abilities to be incorporated into the game ( please note some abilities may be duplicated)
* Incorporate the base card game and how it functions here I.e what happens each turn.

### Design requirements&#x20;

here is a list of all design features needed for the pre-game and in-game.

#### Pre Game

* Login screen with glowing book
* Open the book after login
* Basic hover buttons for the menu
* deck building area where players can select cards
* account setting similar to deck builder i.ie an open book
* invite screen / invite payer, this will also need some waiting screen. this can be an overlay of the book with a box similar to after the login screen.

#### In Game

* Game board to be created
* 4 corners of the board to feature the 4 elements slightly moving (a tree moving or fire moving)
* Basic card back
* Drawing of cards from the deck
* Placing of card from hand
* When clicking on the enemy card pops up and shows the card in full screen
* Border animation for when cards can be played I.e enough mana
* Animation for when card attacks basic
* Fireball animation
* Ablaze animation
* Freeze animation
* Icicle animation for Blizzard
* Silence animation (slice)
* Polymorph animation (smoke)
* Root-in-place animation
* Mist animation for the shield
* Thunderstorm
* Push card back to hand animation ( reverse of laying card)
* Game over win/loss