-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathinterface-mockup-settings-video.html
More file actions
388 lines (362 loc) · 18.6 KB
/
Copy pathinterface-mockup-settings-video.html
File metadata and controls
388 lines (362 loc) · 18.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Reactive Drop 2024 Settings Layout (Video)</title>
<link rel="stylesheet" href="interface-mockup-shared.css">
<style>
.video-dropdown {
left: calc(var(--yres) * 16);
width: calc(var(--yres) * 270);
height: calc(var(--yres) * 12);
line-height: calc(var(--yres) * 12);
}
.video-dropdown > div {
top: calc(var(--yres) * 1);
right: calc(var(--yres) * 1);
width: calc(var(--yres) * 130);
height: calc(var(--yres) * 10);
line-height: calc(var(--yres) * 10);
}
.video-screen-resolution {
top: calc(var(--yres) * 40);
height: calc(var(--yres) * 17);
font-size: calc(var(--yres) * 15);
line-height: calc(var(--yres) * 17);
}
.video-screen-resolution > div {
height: calc(var(--yres) * 15);
font-size: calc(var(--yres) * 15);
line-height: calc(var(--yres) * 15);
}
.video-display-mode {
top: calc(var(--yres) * 62);
}
.video-display-mode-tip {
left: calc(var(--yres) * 16);
top: calc(var(--yres) * 74);
width: calc(var(--yres) * 270);
height: calc(var(--yres) * 24);
font-size: calc(var(--yres) * 7);
}
.video-brightness {
top: calc(var(--yres) * 99);
color: #333;
}
.video-brightness-tip {
left: calc(var(--yres) * 16);
top: calc(var(--yres) * 111);
width: calc(var(--yres) * 270);
height: calc(var(--yres) * 24);
font-size: calc(var(--yres) * 7);
color: #333;
}
.video-rendering-pipeline {
top: calc(var(--yres) * 136);
}
.video-rendering-pipeline-tip {
left: calc(var(--yres) * 16);
top: calc(var(--yres) * 148);
width: calc(var(--yres) * 270);
height: calc(var(--yres) * 24);
font-size: calc(var(--yres) * 7);
}
.video-vsync {
top: calc(var(--yres) * 173);
}
.video-vsync-tip {
left: calc(var(--yres) * 16);
top: calc(var(--yres) * 185);
width: calc(var(--yres) * 270);
height: calc(var(--yres) * 24);
font-size: calc(var(--yres) * 7);
}
.video-quality-hint-fast {
left: calc(var(--yres) * 376);
top: calc(var(--yres) * 40);
width: calc(var(--yres) * 96);
height: calc(var(--yres) * 12);
font-size: calc(var(--yres) * 12);
}
.video-quality-hint-high {
left: calc(var(--yres) * 498);
top: calc(var(--yres) * 40);
width: calc(var(--yres) * 96);
height: calc(var(--yres) * 12);
font-size: calc(var(--yres) * 12);
text-align: right;
}
.video-quality-category {
left: calc(var(--yres) * 292);
width: calc(var(--yres) * 302);
height: calc(var(--yres) * 12);
line-height: calc(var(--yres) * 12);
}
.video-quality-category > span {
display: inline-block;
white-space: nowrap;
width: calc(var(--yres) * 64);
}
.video-quality-category > label {
padding-left: calc(var(--yres) * 15);
}
.video-quality-more-spaced > label:not(:first-of-type) {
padding-left: calc(var(--yres) * 40);
}
.video-quality-less-spaced > label:not(:first-of-type) {
padding-left: 0;
}
.video-quality-cpu {
top: calc(var(--yres) * 52);
}
.video-quality-cpu-tip {
left: calc(var(--yres) * 292);
top: calc(var(--yres) * 64);
width: calc(var(--yres) * 302);
height: calc(var(--yres) * 18);
font-size: calc(var(--yres) * 7);
}
.video-quality-gpu {
top: calc(var(--yres) * 83);
}
.video-quality-gpu-tip {
left: calc(var(--yres) * 292);
top: calc(var(--yres) * 95);
width: calc(var(--yres) * 302);
height: calc(var(--yres) * 18);
font-size: calc(var(--yres) * 7);
}
.video-quality-vram {
top: calc(var(--yres) * 115);
}
.video-quality-vram-tip {
left: calc(var(--yres) * 292);
top: calc(var(--yres) * 127);
width: calc(var(--yres) * 302);
height: calc(var(--yres) * 18);
font-size: calc(var(--yres) * 7);
}
.video-quality-aa {
top: calc(var(--yres) * 147);
}
.video-quality-aa-tip {
left: calc(var(--yres) * 292);
top: calc(var(--yres) * 159);
width: calc(var(--yres) * 302);
height: calc(var(--yres) * 18);
font-size: calc(var(--yres) * 7);
}
.video-quality-filtering {
top: calc(var(--yres) * 179);
}
.video-quality-filtering-tip {
left: calc(var(--yres) * 292);
top: calc(var(--yres) * 191);
width: calc(var(--yres) * 302);
height: calc(var(--yres) * 18);
font-size: calc(var(--yres) * 7);
}
.video-extra-category {
width: calc(var(--yres) * 187);
height: calc(var(--yres) * 12);
line-height: calc(var(--yres) * 12);
}
.video-extra-category > div {
top: calc(var(--yres) * 1);
right: calc(var(--yres) * 1);
width: calc(var(--yres) * 64);
height: calc(var(--yres) * 10);
line-height: calc(var(--yres) * 10);
}
.video-extra-tip {
width: calc(var(--yres) * 187);
height: calc(var(--yres) * 30);
font-size: calc(var(--yres) * 7);
}
.video-extra-col0 {
left: calc(var(--yres) * 16);
}
.video-extra-col1 {
left: calc(var(--yres) * 211);
width: calc(var(--yres) * 188);
}
.video-extra-col2 {
left: calc(var(--yres) * 407);
}
.video-extra-row0 {
top: calc(var(--yres) * 216);
}
.video-extra-row1 {
top: calc(var(--yres) * 228);
}
.video-extra-row2 {
top: calc(var(--yres) * 260);
}
.video-extra-row3 {
top: calc(var(--yres) * 272);
}
.video-extra-row4 {
top: calc(var(--yres) * 304);
}
.video-extra-row5 {
top: calc(var(--yres) * 316);
}
.video-extra-row6 {
top: calc(var(--yres) * 348);
}
.video-extra-row7 {
top: calc(var(--yres) * 360);
}
</style>
</head>
<body>
<div class="top-bar">
<a href="interface-mockup-settings-controls.html"><div class="settings-button" title="Settings button (gear icon)">Sett</div></a>
<a href="interface-redesign.html"><div class="quit-button" title="Quit button (power icon)">Quit</div></a>
<a href="interface-mockup-mainmenu.html"><div class="top-bar-logo">AS:RD Logo</div></a>
<a href="interface-mockup-loadout.html"><div class="loadout-button">Loadout</div></a>
<a href="interface-mockup-inventory.html"><div class="inventory-button">Inventory</div></a>
<a href="interface-mockup-recordings.html"><div class="recordings-button">Recordings</div></a>
<a href="interface-mockup-swarmopedia.html"><div class="swarmopedia-button">Swarmopedia</div></a>
<a href="interface-mockup-contracts.html"><div class="contracts-button">Contracts</div></a>
<a href="interface-mockup-workshop.html"><div class="workshop-button">Workshop</div></a>
</div>
<div class="settings-wrapper">
<a href="interface-mockup-settings-controls.html"><div class="settings-tab settings-tab-controls">Controls</div></a>
<a href="interface-mockup-settings-options.html"><div class="settings-tab settings-tab-options">Options</div></a>
<a href="interface-mockup-settings-audio.html"><div class="settings-tab settings-tab-audio">Audio</div></a>
<a href="interface-mockup-settings-video.html"><div class="settings-tab settings-tab-video">Video</div></a>
<a href="interface-mockup-settings-about.html"><div class="settings-tab settings-tab-about">About</div></a>
<!--
[top left]
Screen Resolution [setting.defaultres / setting.defaultresheight] [drop-down]
[auto-filled]
[ignoring setting.aspectratiomode]
Display Mode [setting.fullscreen / setting.nowindowborder] [drop-down]
Exclusive Full Screen - Takes full control of the monitor. Allows you to play the game full-screen at a resolution different than what your desktop is set to. May cause problems when switching applications on some machines.
Borderless Window - Sometimes called "desktop friendly full screen". Allows you to switch applications more easily while still covering the entire monitor. Can be set to a smaller resolution than your monitor.
Window - Standard operating system window with a title bar. Can be moved and resized. Resizing may cause issues.
// Screen Brightness [setting.mat_monitorgamma] [this setting is an adjustable bar]
// (Only works in Exclusive Full Screen mode.)
Rendering Pipeline [setting.mat_queue_mode] [radio buttons]
Single-Threaded (Compatibility) Multi-Threaded (Fastest)
Does not affect graphical quality. It is recommended that you use Multi-Threaded rendering unless it causes problems on your hardware.
V-Sync [setting.mat_vsync / setting.mat_triplebuffered]
Unsynchronized - Render frames as fast as possible, limited to your monitor's refresh rate. May cause screen tearing on some graphics set-ups.
Double Buffering - Synchronizes frame rate with your monitor's ability to display frames. May reduce frame rate if your computer cannot render frames fast enough.
Triple Buffering - Smooth out frame rate by rendering two frames ahead. Slightly increases input latency.
-->
<div class="video-dropdown video-screen-resolution">Screen Resolution <div class="example-screen-resolution">x</div></div>
<div class="video-dropdown video-display-mode">Display Mode <div>Borderless Window</div></div>
<div class="video-display-mode-tip">Sometimes called "desktop friendly full screen". Allows you to switch applications more easily while still covering the entire monitor. Can be set to a smaller resolution than your monitor.</div>
<div class="video-dropdown video-brightness">Screen Brightness <div><input type="range" disabled></div></div>
<div class="video-brightness-tip">Only works in Exclusive Full Screen mode.</div>
<div class="video-dropdown video-rendering-pipeline">Rendering Pipeline <div>Multi-Threaded</div></div>
<div class="video-rendering-pipeline-tip">Does not affect graphical quality. It is recommended that you use Multi-Threaded rendering unless it causes problems on your hardware.</div>
<div class="video-dropdown video-vsync">V-Sync <div>Double Buffering</div></div>
<div class="video-vsync-tip">Synchronizes frame rate with your monitor's ability to display frames. May reduce frame rate if your computer cannot render frames fast enough.</div>
<!--
[top right, options are radio buttons]
Faster < - - - - > Higher Quality
Effect Detail [setting.cpu_level]
[0] Low [1] Medium [2] High
Affected by CPU (processor) performance. Affects impact effects, physics-controlled debris animations, and precipitation.
Shader Detail [setting.gpu_level]
[0] Low [1] Medium [2] High [3] Ultra
Affected by GPU (graphics card) performance. Affects lighting and material detail, fog, stains, and bullet holes.
Texture Detail [setting.gpu_mem_level]
[0] Low [1] Medium [2] High [3] Ultra
Affected by GPU (graphics card) memory capacity and speed. Affects sharpness of textures.
[will remove setting.mem_level]
[TODO: revisit what settings are in each EKV file; remove settings that are user-controlled; remove duplicates]
[TODO: add gpu_mem_level 3 with mat_picmip -10]
Anti-Aliasing [setting.mat_antialias (MSAA) / setting.mat_aaquality (CSAA)]
None 2x 4x 6x 8x 16x 8xQ 16xQ [visible options determined by GPU]
Smooths out jagged edges on objects. Available options depend on your graphics card.
Texture Filtering [setting.mat_forceaniso]
Bi-linear Tri-linear Anisotropic 2x Anisotropic 4x Anisotropic 8x Anisotropic 16x
Higher quality filtering makes textures viewed from a shallow angle or from far away clearer.
-->
<div class="video-quality-hint-fast">Faster</div>
<div class="video-quality-hint-high">Higher Quality</div>
<div class="video-quality-category video-quality-cpu video-quality-more-spaced"><span>Effect Detail</span> <label><input type="radio" name="cpu"> Low</label> <label><input type="radio" name="cpu"> Medium</label> <label><input type="radio" name="cpu"> High</label></div>
<div class="video-quality-cpu-tip">Affected by CPU (processor) performance. Affects impact effects, physics-controlled debris animations, and precipitation.</div>
<div class="video-quality-category video-quality-gpu"><span>Shader Detail</span> <label><input type="radio" name="gpu"> Low</label> <label><input type="radio" name="gpu"> Medium</label> <label><input type="radio" name="gpu"> High</label> <label><input type="radio" name="gpu"> Ultra</label></div>
<div class="video-quality-gpu-tip">Affected by GPU (graphics card) performance. Affects lighting and material detail, fog, stains, and bullet holes.</div>
<div class="video-quality-category video-quality-vram"><span>Texture Detail</span> <label><input type="radio" name="vram"> Low</label> <label><input type="radio" name="vram"> Medium</label> <label><input type="radio" name="vram"> High</label> <label><input type="radio" name="vram"> Ultra</label></div>
<div class="video-quality-vram-tip">Affected by GPU (graphics card) memory capacity and speed. Affects sharpness of textures.</div>
<div class="video-quality-category video-quality-aa video-quality-less-spaced"><span>Anti-Aliasing</span> <label><input type="radio" name="aa"> None</label> <label><input type="radio" name="aa"> 2x</label> <label><input type="radio" name="aa"> 4x</label> <label><input type="radio" name="aa"> 8x</label> <label><input type="radio" name="aa"> 16x</label> <label><input type="radio" name="aa"> 8xQ</label> <label><input type="radio" name="aa"> 16xQ</label></div>
<div class="video-quality-aa-tip">Smooths out jagged edges on objects. Available options depend on your graphics card.</div>
<div class="video-quality-category video-quality-filtering video-quality-less-spaced"><span>Texture Filtering</span> <label><input type="radio" name="filtering"> Bi-linear</label> <label><input type="radio" name="filtering"> Tri-linear</label> <label><input type="radio" name="filtering"> Anisotropic 2x</label> <label><input type="radio" name="filtering"> 4x</label> <label><input type="radio" name="filtering"> 8x</label> <label><input type="radio" name="filtering"> 16x</label></div>
<div class="video-quality-filtering-tip">Higher quality filtering makes textures viewed from a shallow angle or from far away clearer.</div>
<!--
[bottom, three columns, dropdowns]
Film Grain [setting.mat_grain_scale_override]
[0] Disabled [-1] Enabled
Adds a simulated film grain (fuzziness) effect to the screen, controlled by the mission.
It is recommended to disable this if you are recording gameplay as it can negatively affect video encoding.
Local Contrast [mat_local_contrast_enable]
[0] Disabled [1] Enabled
Controls whether missions can change the sharpness of a scene for dramatic effect.
Depth Blur [mat_depth_blur_strength_override]
[0] Disabled [-1] Enabled
Controls whether missions can make objects far below the marines blurry for a simulated camera focus effect.
Weather Effects [rd_func_precipitation_enable]
[0] Disabled [1] Enabled
Controls some rain and snow effects.
-->
<div class="video-extra-category video-extra-col0 video-extra-row0">Film Grain <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col0 video-extra-row1">Adds a simulated film grain (fuzziness) effect to the screen, controlled by the mission.<br>It is recommended to disable this if you are recording gameplay as it can negatively affect video encoding.</div>
<div class="video-extra-category video-extra-col0 video-extra-row2">Local Contrast <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col0 video-extra-row3">Controls whether missions can change the sharpness of a scene for dramatic effect.</div>
<div class="video-extra-category video-extra-col0 video-extra-row4">Depth Blur <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col0 video-extra-row5">Controls whether missions can make objects far below the marines blurry for a simulated camera focus effect.</div>
<div class="video-extra-category video-extra-col0 video-extra-row6">Weather Effects <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col0 video-extra-row7">Controls some rain and snow effects.</div>
<!--
Light and Specular Blooms [mat_bloom_scalefactor_scalar]
[0] Disabled [0.3] Reduced [1] Enabled
An effect where brightly glowing objects "spill" light into the surrounding area.
High Quality Dynamic Shadows [rd_env_projectedtexture_enabled]
[0] Disabled [1] Enabled
Some missions contain stationary or moving area lights that produce dramatic shadows of marines and aliens. If this option is disabled, these lights will be turned off entirely.
Flashlight Dynamic Shadows [rd_flashlightshadows]
[0] Disabled [1] Enabled
Controls whether the Flashlight Attachment equipment casts high quality dynamic shadows.
Flashlight Light Spill [rd_flashlight_dlight_enable]
[0] Disabled [1] Enabled
Controls whether the Flashlight Attachment equipment adds light to the area outside its beam.
-->
<div class="video-extra-category video-extra-col1 video-extra-row0">Light and Specular Blooms <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col1 video-extra-row1">An effect where brightly glowing objects "spill" light into the surrounding area.</div>
<div class="video-extra-category video-extra-col1 video-extra-row2">High Quality Dynamic Shadows <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col1 video-extra-row3">Some missions contain stationary or moving area lights that produce dramatic shadows of marines and aliens. If this option is disabled, these lights will be turned off entirely.</div>
<div class="video-extra-category video-extra-col1 video-extra-row4">Flashlight Dynamic Shadows <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col1 video-extra-row5">Controls whether the Flashlight Attachment equipment casts high quality dynamic shadows.</div>
<div class="video-extra-category video-extra-col1 video-extra-row6">Flashlight Light Spill <div>Disabled</div></div>
<div class="video-extra-tip video-extra-col1 video-extra-row7">Controls whether the Flashlight Attachment equipment adds light to the area outside its beam.</div>
<!--
High-Quality Beacons [rd_simple_beacons]
[1] Disabled [0] Enabled
Controls whether items such as the IAF Heal Beacon and X-33 Damage Amplifier cause light distortion, glowing, and pulsing effects.
Muzzle Flash Lights [muzzleflash_light]
[0] Disabled [1] Enabled
Controls whether guns light up nearby surfaces and objects when fired.
Alien Shadows [asw_alien_shadows / asw_directional_shadows]
[0/0] Disabled [0/1] Flashlight Only [1/1] Enabled
Controls whether aliens have shadows. Warning: Setting this to "Enabled" may have a large affect on the frame rate of the game.
Low Health Vignetting [rd_health_effect]
[0] Disabled [1] Enabled
Controls whether the edges of the screen glow red when the marine is at low health.
-->
<div class="video-extra-category video-extra-col2 video-extra-row0">High-Quality Beacons <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col2 video-extra-row1">Controls whether items such as the IAF Heal Beacon and X-33 Damage Amplifier cause light distortion, glowing, and pulsing effects.</div>
<div class="video-extra-category video-extra-col2 video-extra-row2">Muzzle Flash Lights <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col2 video-extra-row3">Controls whether guns light up nearby surfaces and objects when fired.</div>
<div class="video-extra-category video-extra-col2 video-extra-row4">Alien Shadows <div>Disabled</div></div>
<div class="video-extra-tip video-extra-col2 video-extra-row5">Controls whether aliens have shadows. Warning: Setting this to "Enabled" may have a large affect on the frame rate of the game.</div>
<div class="video-extra-category video-extra-col2 video-extra-row6">Low Health Vignetting <div>Enabled</div></div>
<div class="video-extra-tip video-extra-col2 video-extra-row7">Controls whether the edges of the screen glow red when the marine is at low health.</div>
</div>
</body>
</html>