Skip to content

Commit 947123f

Browse files
Proof to chapter 20 - incomplete
1 parent 15d3128 commit 947123f

File tree

2 files changed

+67
-48
lines changed
  • articles/tutorials/building_2d_games

2 files changed

+67
-48
lines changed

articles/tutorials/building_2d_games/19_user_interface_fundamentals/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ Anchoring allows you to position UI elements relative to specific reference poin
6262
| :--------------------------------------------------------------------------------------: |
6363
| **Figure 19-1: Diagram showing common anchor points** |
6464

65-
When you set an anchor point, the elements' position coordinates become relative to that anchor point. For example with a "Right" anchor and an X value of -5, you element would position itself 5 pixels to the left of the parent's right edge, creating a consistent margin regardless of the parent's size, as demonstrated in the following diagram:
65+
When you set an anchor point, the elements' position coordinates become relative to that anchor point. For example with a "Right" anchor and an X value of *-5*, you element would position itself *5 pixels* to the left of the parent's right edge, creating a consistent margin regardless of the parent's size, as demonstrated in the following diagram:
6666

6767
| ![Figure 19-2: Diagram showing anchored element positioning relative to anchor regardless of parent size](./images/user_interface_anchor_positioning.svg) |
6868
| :-------------------------------------------------------------------------------------------------------------------------------------------------------: |
@@ -84,7 +84,7 @@ Creating accessible user interfaces is an essential aspect of inclusive game des
8484

8585
### Visual Accessibility
8686

87-
- **Color contrast**: Ensure sufficient contrast between text and backgrounds
87+
- **Color contrast**: Ensure sufficient contrast between text and backgrounds.
8888
- **Use shapes**: Do not rely solely on color to convey important information; add shapes, patterns, or text labels as well. For example, if displaying warning text, also use something such as the common warning sign ⚠️.
8989
- **Text size and scaling**: Allow players to adjust text size or implement a UI scaling option.
9090
- **Internationalization (i18n)**: Consider how your UI might be interpreted across different cultures and regions. Number formatting can vary significantly - some regions use periods for thousands separators (1.000.000) while others use commas (1,000,000). Control symbolism also differs culturally; for example, on console controllers, the Cross button typically means "Select" in Western regions but "Cancel" in Japan, with Circle having the opposite meaning.

0 commit comments

Comments
 (0)