WEBVTT

1
00:00:00.000 --> 00:00:01.999
Create a second screen
The + beside Main view adds a screen.

2
00:00:02.000 --> 00:00:04.999
Name the screen Server rules
Keep Empty canvas, then click Add screen.

3
00:00:05.000 --> 00:00:06.999
Add a card
In Add, choose Card.

4
00:00:07.000 --> 00:00:09.499
Enter the title and rules
Title: Server rules. Use the body for your server rules.

5
00:00:09.500 --> 00:00:12.499
Enter the title and rules
Title: Server rules. Use the body for your server rules.

6
00:00:12.500 --> 00:00:14.999
Prepare the back button
Replace Open with Back to welcome.

7
00:00:15.000 --> 00:00:17.999
Create navigation back to welcome
Keep Navigate to screen and click Create action.

8
00:00:18.000 --> 00:00:20.999
Check the Main view target
The button returns to welcome. Select Main view in the screen selector.

9
00:00:21.000 --> 00:00:22.999
Check the Main view target
The button returns to welcome. Select Main view in the screen selector.

10
00:00:23.000 --> 00:00:25.999
Link Server rules to its screen
Behavior: Navigate to screen. Target screen: Server rules.

11
00:00:26.000 --> 00:00:27.999
Add an input inside Content
In Add, choose Input.

12
00:00:28.000 --> 00:00:30.999
The initial text is Your name
Then position the input below progress: X 660, Y 450.

13
00:00:31.000 --> 00:00:32.999
Position the input
Layout: X 660, Y 450.

14
00:00:33.000 --> 00:00:34.999
Position the input
Layout: X 660, Y 450.

15
00:00:35.000 --> 00:00:37.999
Limit input to 40 characters
Interaction: Max length 40. Keep Player can type.

16
00:00:38.000 --> 00:00:39.999
Add a Close button
In Add, choose Button.

17
00:00:40.000 --> 00:00:42.999
Name the button Close
This button will close the interface during the test.

18
00:00:43.000 --> 00:00:45.499
Keep the illustration clear
Place Close above progress: X 660, Y 280.

19
00:00:45.500 --> 00:00:47.999
Keep the illustration clear
Place Close above progress: X 660, Y 280.

20
00:00:48.000 --> 00:00:50.999
Create the Close interface action
In Interaction, choose Close interface, then Create action.

21
00:00:51.000 --> 00:00:52.999
Create the Close interface action
In Interaction, choose Close interface, then Create action.

22
00:00:53.000 --> 00:00:55.999
Keep the server rules readable
Two short lines are enough for this example card.

23
00:00:56.000 --> 00:00:58.499
Use a short back label
Back keeps the label on one line.

24
00:00:58.500 --> 00:01:00.499
Enlarge the rules card
Layout: W 720, H 400.

25
00:01:00.500 --> 00:01:02.499
Enlarge the rules card
Layout: W 720, H 400.

26
00:01:02.500 --> 00:01:04.499
Align both cards
Layout: X 280, Y 160, matching the welcome card.

27
00:01:04.500 --> 00:01:06.499
Align both cards
Layout: X 280, Y 160, matching the welcome card.

28
00:01:06.500 --> 00:01:08.999
Test navigation and input
Click Test, then Server rules.

29
00:01:09.000 --> 00:01:11.999
The rules screen opens
The Back button returns to the welcome screen.

30
00:01:12.000 --> 00:01:14.999
Typing stays in the preview
Alex is test input; the project keeps Your name as its initial text.

31
00:01:15.000 --> 00:01:18.000
Close dismisses the interface in Test
Exit preview returns to editing.