> For the complete documentation index, see [llms.txt](https://vincent-pho-wijaya-gitbook.gitbook.io/cross-check-game-design-document/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vincent-pho-wijaya-gitbook.gitbook.io/cross-check-game-design-document/interface-and-layout.md).

# Interface & Layout

<div><figure><img src="/files/nYyDqv39rvTuFhbfx5Z8" alt=""><figcaption><p>HQ Layout / Environment</p></figcaption></figure> <figure><img src="/files/XXKloCZq4WzovnxNO5Fq" alt=""><figcaption><p>Onsite Crime Scene Layout / Environment</p></figcaption></figure></div>

**Note** : the images above are not final results and only raw concepts using existing assets.

#### Headquarters :

1. HQ is able to use the computer in order to gain access over different types of cipher, further clues, and such in order to help the detective crack the code on the field.
2. HQ can use the Blood Test Machine to test blood types, allowing better analysis over the suspects.

#### Crime Scene :

1. A dialogue panel (not finalized) to indicate any important discovery.
2. The detective is allowed to move freely (same goes for the HQ staff) in order to interact with the environment.
3. There may be several devices that may require code decrypting. The detective will need HQ's support to crack it.
4. Some doors will be locked with a form of passcode. The answer is hidden within the players' surroundings.
5. There may be exposed blood samples for the detective to collect and deliver to HQ for analysis.

***

<div><figure><img src="/files/mwGXR5GyyRrJWkqo4WOA" alt=""><figcaption><p>Opening the journal (detective's view) - Clues collected</p></figcaption></figure> <figure><img src="/files/PX0tt8Pb2sBpRUFOUIqQ" alt=""><figcaption><p>Opening the journal at HQ</p></figcaption></figure> <figure><img src="/files/3rRKvxGe1V3gEHT57UMq" alt=""><figcaption><p>Opening the journal (detective's view) - Suspects' profiles</p></figcaption></figure></div>

By pressing TAB, the player (HQ staff and detective) will open the journal to gain access to both the suspects' profile information as well as any clues collected throughout the investigation. To navigate across the pages, the players could use the ARROW keys or utilize the arrow buttons on the top left and right corner of the pages.

#### Clues

Any clues will have their pre-determined description noted within the journal while status indicates any further important information that may relate to the crime scene (not finalized). Otherwise, it simply refers to the current state of analysis at the HQ if any.

#### Suspects

Suspects related to the crime scene will be listed in the journal along with their profile information that may or may not have any association with the crime. If confident with who's the culprit, the **detective** can select him / her to take further action. Eventually, the results will be revealed according to your answer as well as your cooperation with the HQ staff.

<figure><img src="/files/pwKeuf0yk5l1RZ1Zwp1p" alt="" width="375"><figcaption><p>Detective's FINAL Choice</p></figcaption></figure>

***

#### Additional notes

In terms of the pause menu, in order to allow a better and less distracting experience, the players are allowed to pause using the ESC button instead of a direct button on the screen. This will open a separate menu consisting of *resume*, *settings*, and *exit.*