Oregon-Trail icon indicating copy to clipboard operation
Oregon-Trail copied to clipboard

Page layouts

Open Rodak123 opened this issue 2 years ago • 0 comments

I have looked at the first few pages (before Matt's General Store) and here are all the page configurations that are in use.

1. Image + Options

Screenshot from 2023-08-05 22-48-57

Breakdown of the elements:

  • Image element (The Oregon Trail image)
  • Separation image
  • Numbered options
  • Submit that takes numbers from 1 to the amount of options
  • Separation image

2. Text + Options

image

Breakdown of the elements:

  • Separation image
  • Some text
  • Numbered options
  • Submit that takes numbers from 1 to the amount of options
  • Separation image

3. Text + [Spacebar]

image

Breakdown of the elements:

  • Separation image
  • Some text
  • Separation image
  • Confirmation message (press SPACE BAR to continue)

4. Image + Question

image

Breakdown of the elements:

  • Image element
  • Question
  • Text input (Should have a limit of characters)

5. Image + Question + List inputs

image image

Breakdown of the elements:

  • Image element
  • Question
  • Numbered list of inputs (Each should have a limit of characters)
  • Confirmation message (Enter names or press Return)
  • After inputing, confirmation message changes to a Yes/No confirmation question

6. Loading screen

image

Breakdown of the elements:

  • Image element
  • Some text in a bordered container for emphasis

7. Image + [Spacebar]

image

Breakdown of the elements:

  • Image element
  • Some text over the image in a bordered container for emphasis
  • Confirmation message (press SPACE BAR to continue)

8. Dialogue + [Spacebar]

image

Breakdown of the elements:

  • Some text
  • Image element on left
  • Bullet points on right
  • Confirmation message (press SPACE BAR to continue)

Conclusion

There are a lot of page layouts that are not even the core game. Currently adding pages is hard and not efficient. Maybe a simple page editor that would generate the JSON code will solve this issue.

Rodak123 avatar Aug 05 '23 21:08 Rodak123