1
00:00:00,269 --> 00:00:05,930
Vain kahdeksan kuukautta ennen The Last Of
Usin valmistumista, Naughty Dogs aloitti

2
00:00:05,930 --> 00:00:08,500
työskentelyn pelin käyttöliittymän
parissa.

3
00:00:08,500 --> 00:00:14,020
"Vaikka jotkin UI-elementit oli karkeasti
lisätty", kertoo suunnitteljia Alexandria

4
00:00:14,020 --> 00:00:18,930
Neonakis, "kokonaisvaltaista heijastus-
näytön suunnitelmaa ei vielä ollut, ja

5
00:00:18,930 --> 00:00:21,100
moni asia oli vielä päättämättä."

6
00:00:21,100 --> 00:00:26,150
Mielestäni tämä on hyvin kuvaava esimerkki
siitä kuinka aliarvostettu osa

7
00:00:26,150 --> 00:00:28,970
pelinkehitystä käyttöliittymä voi olla.

8
00:00:28,970 --> 00:00:32,870
Ikävä jälkiajatus, lyöty kasaan vasta
viime minuuteilla.

9
00:00:32,870 --> 00:00:39,250
Mutta, jos minulta kysytään, sen ei
pitäisi olla aliarvioitu, sillä UI:n

10
00:00:39,250 --> 00:00:42,610
vaikutus pelin ulkonäköön, toimintaan
ja pelattavuuteen voi olla valtava.

11
00:00:42,610 --> 00:00:48,750
Joten tässä Game Maker's Toolkitin
jaksossa, haluan tutkia UI:n ja peli-

12
00:00:48,750 --> 00:00:54,630
suunnittelun risteyskohtaa, ja kuin-
ka mittarit vaikuttavat tapaamme pelata.

13
00:00:54,630 --> 00:00:59,150
No, UI käsittää paljon eri asioita.
Kuten online auloja,

14
00:00:59,150 --> 00:01:05,769
tavaravalikoita, dialogi puita, askartelu-
valikoita, kauppoja, ynnä muuta. Mutta

15
00:01:05,769 --> 00:01:13,179
tässä videossa haluan keskittyä yhteen 
UI-tyyppiin: heijastusnäyttöön, tai HUDiin.

16
00:01:13,179 --> 00:01:17,819
Se sälä joka on levitetty pelin päälle kun
olet itse tositoimissa.

17
00:01:17,819 --> 00:01:23,270
Joten ensimmäinen kysymys, luulisin, on:
mikä on HUD:n tarkoitus, ja mitä

18
00:01:23,270 --> 00:01:25,189
etuja se tarjoaa pelaajalle?

19
00:01:25,189 --> 00:01:30,189
Helpottaakseni vastausta, erotellaan
HUD kahteen selkeästi eri osaan:

20
00:01:30,189 --> 00:01:34,130
kutsun näitä mittareiksi ja
esikatseluiksi.

21
00:01:34,130 --> 00:01:37,829


22
00:01:37,829 --> 00:01:42,310


23
00:01:42,310 --> 00:01:43,310


24
00:01:43,310 --> 00:01:48,409


25
00:01:48,409 --> 00:01:50,270


26
00:01:50,270 --> 00:01:56,770


27
00:01:56,770 --> 00:01:58,590


28
00:01:58,590 --> 00:02:03,439


29
00:02:03,439 --> 00:02:07,090


30
00:02:07,090 --> 00:02:11,799


31
00:02:11,799 --> 00:02:15,700


32
00:02:15,700 --> 00:02:20,326


33
00:02:20,326 --> 00:02:25,219


34
00:02:25,219 --> 00:02:29,670


35
00:02:29,670 --> 00:02:31,250


36
00:02:31,250 --> 00:02:36,420


37
00:02:36,420 --> 00:02:37,450


38
00:02:37,450 --> 00:02:41,750


39
00:02:41,750 --> 00:02:44,780


40
00:02:44,780 --> 00:02:46,090


41
00:02:46,090 --> 00:02:50,760


42
00:02:50,760 --> 00:02:52,320


43
00:02:52,320 --> 00:02:57,480


44
00:02:57,480 --> 00:03:02,950


45
00:03:02,950 --> 00:03:03,950


46
00:03:03,950 --> 00:03:04,950


47
00:03:04,950 --> 00:03:08,420


48
00:03:08,420 --> 00:03:09,450


49
00:03:09,450 --> 00:03:12,710


50
00:03:12,710 --> 00:03:15,740


51
00:03:15,740 --> 00:03:21,060


52
00:03:21,060 --> 00:03:25,050


53
00:03:25,050 --> 00:03:28,069


54
00:03:28,069 --> 00:03:32,790


55
00:03:32,790 --> 00:03:35,930


56
00:03:35,930 --> 00:03:41,120


57
00:03:41,120 --> 00:03:44,940


58
00:03:44,940 --> 00:03:49,840


59
00:03:49,840 --> 00:03:55,920


60
00:03:55,920 --> 00:04:00,800


61
00:04:00,800 --> 00:04:06,540


62
00:04:06,540 --> 00:04:10,980


63
00:04:10,980 --> 00:04:15,630


64
00:04:15,630 --> 00:04:20,959


65
00:04:20,959 --> 00:04:24,340


66
00:04:24,340 --> 00:04:30,250


67
00:04:30,250 --> 00:04:34,130


68
00:04:34,130 --> 00:04:40,680


69
00:04:40,680 --> 00:04:45,129


70
00:04:45,129 --> 00:04:48,169


71
00:04:48,169 --> 00:04:52,590


72
00:04:52,590 --> 00:04:56,300


73
00:04:56,300 --> 00:05:01,159


74
00:05:01,159 --> 00:05:05,580


75
00:05:05,580 --> 00:05:11,960


76
00:05:11,960 --> 00:05:16,159


77
00:05:16,159 --> 00:05:21,029


78
00:05:21,029 --> 00:05:25,820


79
00:05:25,820 --> 00:05:30,159


80
00:05:30,159 --> 00:05:32,419


81
00:05:32,419 --> 00:05:38,110


82
00:05:38,110 --> 00:05:41,990


83
00:05:41,990 --> 00:05:44,330


84
00:05:44,330 --> 00:05:48,650


85
00:05:48,650 --> 00:05:52,919


86
00:05:52,919 --> 00:05:56,729


87
00:05:56,729 --> 00:05:59,860


88
00:05:59,860 --> 00:06:04,600


89
00:06:04,600 --> 00:06:08,740


90
00:06:08,740 --> 00:06:12,430


91
00:06:12,430 --> 00:06:18,159


92
00:06:18,159 --> 00:06:20,500


93
00:06:20,500 --> 00:06:24,800


94
00:06:24,800 --> 00:06:25,900


95
00:06:25,900 --> 00:06:29,979


96
00:06:29,979 --> 00:06:34,449


97
00:06:34,449 --> 00:06:40,349


98
00:06:40,349 --> 00:06:44,440


99
00:06:44,440 --> 00:06:48,939


100
00:06:48,939 --> 00:06:51,050


101
00:06:51,050 --> 00:06:56,436


102
00:06:56,436 --> 00:06:57,680


103
00:06:57,680 --> 00:07:03,430


104
00:07:03,430 --> 00:07:10,580


105
00:07:10,580 --> 00:07:15,029


106
00:07:15,029 --> 00:07:20,839


107
00:07:20,839 --> 00:07:26,900


108
00:07:26,900 --> 00:07:31,099


109
00:07:31,099 --> 00:07:32,099


110
00:07:32,099 --> 00:07:36,459


111
00:07:36,459 --> 00:07:41,529


112
00:07:41,529 --> 00:07:45,849


113
00:07:45,849 --> 00:07:48,089


114
00:07:48,089 --> 00:07:52,839


115
00:07:52,839 --> 00:07:54,960


116
00:07:54,960 --> 00:07:59,879


117
00:07:59,879 --> 00:08:06,300


118
00:08:06,300 --> 00:08:11,699


119
00:08:11,699 --> 00:08:13,800


120
00:08:13,800 --> 00:08:18,830


121
00:08:18,830 --> 00:08:20,319


122
00:08:20,319 --> 00:08:23,740


123
00:08:23,740 --> 00:08:27,419


124
00:08:27,419 --> 00:08:31,639


125
00:08:31,639 --> 00:08:36,740


126
00:08:37,760 --> 00:08:42,310


127
00:08:42,310 --> 00:08:44,280


128
00:08:44,280 --> 00:08:49,570


129
00:08:49,570 --> 00:08:52,620


130
00:08:52,620 --> 00:08:57,745


131
00:08:57,745 --> 00:09:02,585


132
00:09:02,585 --> 00:09:05,460


133
00:09:05,460 --> 00:09:09,550


134
00:09:09,550 --> 00:09:13,890


135
00:09:13,890 --> 00:09:19,560


136
00:09:19,560 --> 00:09:23,440


137
00:09:23,440 --> 00:09:28,910


138
00:09:28,910 --> 00:09:32,310


139
00:09:32,310 --> 00:09:37,100


140
00:09:37,100 --> 00:09:41,600


141
00:09:41,600 --> 00:09:47,120


142
00:09:47,120 --> 00:09:50,760


143
00:09:50,760 --> 00:09:55,560


144
00:09:55,560 --> 00:10:01,380


145
00:10:01,380 --> 00:10:06,590


146
00:10:06,590 --> 00:10:11,430


147
00:10:11,430 --> 00:10:13,030


148
00:10:13,030 --> 00:10:15,910


149
00:10:15,910 --> 00:10:20,370


150
00:10:20,370 --> 00:10:25,020


151
00:10:25,020 --> 00:10:29,560


152
00:10:29,560 --> 00:10:33,970


153
00:10:33,970 --> 00:10:35,500


154
00:10:35,500 --> 00:10:36,920


155
00:10:36,920 --> 00:10:41,940


156
00:10:41,940 --> 00:10:44,260


157
00:10:44,260 --> 00:10:48,580


158
00:10:48,580 --> 00:10:52,090


159
00:10:52,090 --> 00:10:57,051


160
00:10:57,051 --> 00:11:00,220


161
00:11:00,220 --> 00:11:05,360


162
00:11:05,360 --> 00:11:06,700


163
00:11:06,700 --> 00:11:10,990


164
00:11:10,990 --> 00:11:13,360


165
00:11:13,360 --> 00:11:19,790


166
00:11:19,790 --> 00:11:20,890


167
00:11:20,890 --> 00:11:25,590


168
00:11:25,590 --> 00:11:29,990


169
00:11:29,990 --> 00:11:31,740


170
00:11:31,740 --> 00:11:37,180


171
00:11:37,180 --> 00:11:38,305


172
00:11:38,305 --> 00:11:40,620


173
00:11:40,620 --> 00:11:44,610


174
00:11:44,610 --> 00:11:49,530


175
00:11:49,530 --> 00:11:53,360


176
00:11:53,360 --> 00:11:58,100


177
00:11:58,100 --> 00:11:59,100


178
00:11:59,100 --> 00:12:03,380


179
00:12:03,380 --> 00:12:04,380


180
00:12:04,380 --> 00:12:08,260


181
00:12:08,260 --> 00:12:09,260


182
00:12:09,260 --> 00:12:14,430


183
00:12:14,430 --> 00:12:16,490


184
00:12:16,490 --> 00:12:21,200


185
00:12:21,200 --> 00:12:25,110


186
00:12:25,110 --> 00:12:30,250


187
00:12:30,250 --> 00:12:33,030


188
00:12:33,030 --> 00:12:38,550


189
00:12:38,550 --> 00:12:40,010


190
00:12:40,010 --> 00:12:45,010


191
00:12:45,010 --> 00:12:49,720


192
00:12:49,720 --> 00:12:54,620


193
00:12:54,620 --> 00:12:59,860


194
00:12:59,860 --> 00:13:03,880


195
00:13:03,880 --> 00:13:05,670


196
00:13:05,670 --> 00:13:11,130


197
00:13:11,130 --> 00:13:16,280


198
00:13:16,280 --> 00:13:18,070


199
00:13:18,070 --> 00:13:23,190


200
00:13:23,190 --> 00:13:27,970


201
00:13:27,970 --> 00:13:29,580


202
00:13:29,580 --> 00:13:35,590


203
00:13:35,590 --> 00:13:39,230


204
00:13:39,230 --> 00:13:42,270


205
00:13:42,270 --> 00:13:45,810


206
00:13:45,810 --> 00:13:52,090


207
00:13:52,090 --> 00:13:57,200


208
00:13:57,200 --> 00:13:59,620


209
00:13:59,620 --> 00:14:04,470


210
00:14:04,470 --> 00:14:09,180


211
00:14:09,180 --> 00:14:14,650


212
00:14:14,650 --> 00:14:20,230


213
00:14:20,230 --> 00:14:23,640


214
00:14:23,640 --> 00:14:30,070


215
00:14:30,070 --> 00:14:35,730


216
00:14:35,730 --> 00:14:42,510


217
00:14:42,510 --> 00:14:46,480


218
00:14:46,480 --> 00:14:48,870


219
00:14:48,870 --> 00:14:54,050


220
00:14:54,050 --> 00:14:58,910


221
00:14:58,910 --> 00:15:03,850


222
00:15:03,850 --> 00:15:05,240


223
00:15:05,240 --> 00:15:09,920


224
00:15:09,920 --> 00:15:13,330


225
00:15:13,330 --> 00:15:16,090


226
00:15:16,090 --> 00:15:21,280


227
00:15:21,280 --> 00:15:23,580


228
00:15:23,580 --> 00:15:29,360


229
00:15:29,360 --> 00:15:34,279


230
00:15:34,279 --> 00:15:36,590


231
00:15:36,590 --> 00:15:42,410


232
00:15:42,410 --> 00:15:46,450


233
00:15:46,450 --> 00:15:50,540


234
00:15:50,540 --> 00:15:53,561


235
00:15:53,561 --> 00:15:57,380


236
00:15:57,380 --> 00:16:04,160


237
00:16:04,160 --> 00:16:06,860


238
00:16:06,860 --> 00:16:13,080


239
00:16:13,080 --> 00:16:14,350


240
00:16:14,350 --> 00:16:19,520


241
00:16:19,520 --> 00:16:22,170


242
00:16:22,170 --> 00:16:26,540


243
00:16:26,540 --> 00:16:27,540


244
00:16:27,540 --> 00:16:28,690