mirror of
https://github.com/Mr-Wiseguy/Zelda64Recomp.git
synced 2024-12-01 17:14:13 +01:00
global description handler and impl
This commit is contained in:
thecozies
parent
6848645854
commit
56504a71b4
@ -22,9 +22,6 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
#tab_graphics:selected {
|
|
||||||
nav-down:#res_auto;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
<link type="text/template" href="config_menu/general.rml" />
|
<link type="text/template" href="config_menu/general.rml" />
|
||||||
<link type="text/template" href="config_menu/controls.rml" />
|
<link type="text/template" href="config_menu/controls.rml" />
|
||||||
@ -38,7 +35,7 @@
|
|||||||
<div class="centered-page" onclick="close_config_menu_backdrop">
|
<div class="centered-page" onclick="close_config_menu_backdrop">
|
||||||
<div class="centered-page__modal">
|
<div class="centered-page__modal">
|
||||||
<tabset class="tabs" id="config_tabset">
|
<tabset class="tabs" id="config_tabset">
|
||||||
<tab class="tab" autofocus>
|
<tab class="tab" autofocus id="tab_general">
|
||||||
<div>General</div>
|
<div>General</div>
|
||||||
<div class="tab__indicator"></div>
|
<div class="tab__indicator"></div>
|
||||||
</tab>
|
</tab>
|
||||||
@ -59,7 +56,7 @@
|
|||||||
<panel class="config" data-model="graphics_model">
|
<panel class="config" data-model="graphics_model">
|
||||||
<template src="config-menu__graphics" />
|
<template src="config-menu__graphics" />
|
||||||
</panel>
|
</panel>
|
||||||
<tab class="tab">
|
<tab class="tab" id="tab_sound">
|
||||||
<div>Sound</div>
|
<div>Sound</div>
|
||||||
<div class="tab__indicator"></div>
|
<div class="tab__indicator"></div>
|
||||||
</tab>
|
</tab>
|
||||||
|
|||||||
@ -6,35 +6,45 @@
|
|||||||
<div class="config__hz-wrapper">
|
<div class="config__hz-wrapper">
|
||||||
<!-- Options -->
|
<!-- Options -->
|
||||||
<div class="config__wrapper">
|
<div class="config__wrapper">
|
||||||
<div class="config-option">
|
<!-- targeting mode -->
|
||||||
|
<div class="config-option" data-event-mouseover="set_cur_config_index(0)">
|
||||||
<label class="config-option__title">Targeting Mode</label>
|
<label class="config-option__title">Targeting Mode</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input
|
<input
|
||||||
type="radio"
|
type="radio"
|
||||||
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
|
data-event-focus="set_cur_config_index(0)"
|
||||||
name="targeting_mode"
|
name="targeting_mode"
|
||||||
data-checked="targeting_mode"
|
data-checked="targeting_mode"
|
||||||
value="Switch"
|
value="Switch"
|
||||||
id="tm_switch"
|
id="tm_switch"
|
||||||
|
style="nav-up: #tab_general; nav-down: #rumble_strength_input"
|
||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="tm_switch">Switch</label>
|
<label class="config-option__tab-label" for="tm_switch">Switch</label>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
type="radio"
|
type="radio"
|
||||||
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
|
data-event-focus="set_cur_config_index(0)"
|
||||||
name="targeting_mode"
|
name="targeting_mode"
|
||||||
data-checked="targeting_mode"
|
data-checked="targeting_mode"
|
||||||
value="Hold"
|
value="Hold"
|
||||||
id="tm_hold"
|
id="tm_hold"
|
||||||
|
style="nav-up: #tab_general; nav-down: #rumble_strength_input"
|
||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="tm_hold">Hold</label>
|
<label class="config-option__tab-label" for="tm_hold">Hold</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="config-option">
|
<!-- rumble strength -->
|
||||||
|
<div class="config-option" data-event-mouseover="set_cur_config_index(1)">
|
||||||
<label class="config-option__title">Rumble Strength</label>
|
<label class="config-option__title">Rumble Strength</label>
|
||||||
<div class="config-option__range-wrapper config-option__list">
|
<div class="config-option__range-wrapper config-option__list">
|
||||||
<label class="config-option__range-label">{{rumble_strength}}</label>
|
<label class="config-option__range-label">{{rumble_strength}}</label>
|
||||||
<input
|
<input
|
||||||
class="nav-vert"
|
class="nav-vert"
|
||||||
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
|
data-event-focus="set_cur_config_index(1)"
|
||||||
id="rumble_strength_input"
|
id="rumble_strength_input"
|
||||||
type="range"
|
type="range"
|
||||||
min="0"
|
min="0"
|
||||||
@ -47,11 +57,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Descriptions -->
|
<!-- Descriptions -->
|
||||||
<div class="config__wrapper">
|
<div class="config__wrapper">
|
||||||
<p data-if="0 == 0">
|
<p data-if="cur_config_index == 0">
|
||||||
First.
|
Whether or not targeting is done incorrectly, or targets while you hold the button.
|
||||||
</p>
|
</p>
|
||||||
<p data-if="1 == 1">
|
<p data-if="cur_config_index == 1">
|
||||||
Second.
|
How much your controller go brrrrr
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -4,13 +4,13 @@
|
|||||||
<body>
|
<body>
|
||||||
<form class="config__form">
|
<form class="config__form">
|
||||||
<div class="config__hz-wrapper">
|
<div class="config__hz-wrapper">
|
||||||
<div class="config__wrapper" data-event-mouseout="set_current_gfx_description(-1)">
|
<div class="config__wrapper" data-event-mouseout="set_cur_config_index(-1)">
|
||||||
<div class="config-option" data-event-mouseover="set_current_gfx_description(0)">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(0)">
|
||||||
<label class="config-option__title">Resolution</label>
|
<label class="config-option__title">Resolution</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(0)"
|
data-event-focus="set_cur_config_index(0)"
|
||||||
name="resolution"
|
name="resolution"
|
||||||
data-checked="res_option"
|
data-checked="res_option"
|
||||||
value="Original"
|
value="Original"
|
||||||
@ -20,8 +20,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="res_original">Original</label>
|
<label class="config-option__tab-label" for="res_original">Original</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(0)"
|
data-event-focus="set_cur_config_index(0)"
|
||||||
name="resolution"
|
name="resolution"
|
||||||
data-checked="res_option"
|
data-checked="res_option"
|
||||||
value="Original2x"
|
value="Original2x"
|
||||||
@ -31,8 +31,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="res_2x">Original 2x</label>
|
<label class="config-option__tab-label" for="res_2x">Original 2x</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(0)"
|
data-event-focus="set_cur_config_index(0)"
|
||||||
name="resolution"
|
name="resolution"
|
||||||
data-checked="res_option"
|
data-checked="res_option"
|
||||||
value="Auto"
|
value="Auto"
|
||||||
@ -44,12 +44,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="config-option" data-event-mouseover="set_current_gfx_description(1)">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(1)">
|
||||||
<label class="config-option__title">Downsampling Quality</label>
|
<label class="config-option__title">Downsampling Quality</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(1)"
|
data-event-focus="set_cur_config_index(1)"
|
||||||
name="downsampling"
|
name="downsampling"
|
||||||
data-attrif-disabled="res_option == 'Auto'"
|
data-attrif-disabled="res_option == 'Auto'"
|
||||||
data-checked="ds_option"
|
data-checked="ds_option"
|
||||||
@ -59,8 +59,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="ds_windowed">Off</label>
|
<label class="config-option__tab-label" for="ds_windowed">Off</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(1)"
|
data-event-focus="set_cur_config_index(1)"
|
||||||
name="downsampling"
|
name="downsampling"
|
||||||
data-attrif-disabled="res_option == 'Auto'"
|
data-attrif-disabled="res_option == 'Auto'"
|
||||||
data-checked="ds_option"
|
data-checked="ds_option"
|
||||||
@ -70,8 +70,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="ds_2x">2x</label>
|
<label class="config-option__tab-label" for="ds_2x">2x</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(1)"
|
data-event-focus="set_cur_config_index(1)"
|
||||||
name="downsampling"
|
name="downsampling"
|
||||||
data-attrif-disabled="res_option == 'Auto'"
|
data-attrif-disabled="res_option == 'Auto'"
|
||||||
data-checked="ds_option"
|
data-checked="ds_option"
|
||||||
@ -84,12 +84,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="config-option" data-event-mouseover="set_current_gfx_description(2)">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(2)">
|
||||||
<label class="config-option__title">Aspect Ratio</label>
|
<label class="config-option__title">Aspect Ratio</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(2)"
|
data-event-focus="set_cur_config_index(2)"
|
||||||
name="aspectratio"
|
name="aspectratio"
|
||||||
data-checked="ar_option"
|
data-checked="ar_option"
|
||||||
value="Original"
|
value="Original"
|
||||||
@ -99,8 +99,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="ar_original">Original</label>
|
<label class="config-option__tab-label" for="ar_original">Original</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(2)"
|
data-event-focus="set_cur_config_index(2)"
|
||||||
name="aspectratio"
|
name="aspectratio"
|
||||||
data-checked="ar_option"
|
data-checked="ar_option"
|
||||||
value="Expand"
|
value="Expand"
|
||||||
@ -112,12 +112,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="config-option" data-event-mouseover="set_current_gfx_description(3)">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(3)">
|
||||||
<label class="config-option__title">Window Mode</label>
|
<label class="config-option__title">Window Mode</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(3)"
|
data-event-focus="set_cur_config_index(3)"
|
||||||
name="windowmode"
|
name="windowmode"
|
||||||
data-checked="wm_option"
|
data-checked="wm_option"
|
||||||
value="Windowed"
|
value="Windowed"
|
||||||
@ -126,8 +126,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="wm_windowed">Windowed</label>
|
<label class="config-option__tab-label" for="wm_windowed">Windowed</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(3)"
|
data-event-focus="set_cur_config_index(3)"
|
||||||
name="windowmode"
|
name="windowmode"
|
||||||
data-checked="wm_option"
|
data-checked="wm_option"
|
||||||
value="Fullscreen"
|
value="Fullscreen"
|
||||||
@ -138,12 +138,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="config-option" data-event-mouseover="set_current_gfx_description(4)">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(4)">
|
||||||
<label class="config-option__title">Framerate</label>
|
<label class="config-option__title">Framerate</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(4)"
|
data-event-focus="set_cur_config_index(4)"
|
||||||
name="refreshrate"
|
name="refreshrate"
|
||||||
data-checked="rr_option"
|
data-checked="rr_option"
|
||||||
value="Original"
|
value="Original"
|
||||||
@ -152,8 +152,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="rr_original">Original</label>
|
<label class="config-option__tab-label" for="rr_original">Original</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(4)"
|
data-event-focus="set_cur_config_index(4)"
|
||||||
name="refreshrate"
|
name="refreshrate"
|
||||||
data-checked="rr_option"
|
data-checked="rr_option"
|
||||||
value="Display"
|
value="Display"
|
||||||
@ -162,8 +162,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="rr_display">Display</label>
|
<label class="config-option__tab-label" for="rr_display">Display</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(4)"
|
data-event-focus="set_cur_config_index(4)"
|
||||||
name="refreshrate"
|
name="refreshrate"
|
||||||
data-checked="rr_option"
|
data-checked="rr_option"
|
||||||
value="Manual"
|
value="Manual"
|
||||||
@ -175,8 +175,8 @@
|
|||||||
<div data-if="rr_option=='Manual'" class="config-option__range-wrapper config-option__list">
|
<div data-if="rr_option=='Manual'" class="config-option__range-wrapper config-option__list">
|
||||||
<label class="config-option__range-label">{{rr_manual_value}}</label>
|
<label class="config-option__range-label">{{rr_manual_value}}</label>
|
||||||
<input
|
<input
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(4)"
|
data-event-focus="set_cur_config_index(4)"
|
||||||
id="rr_manual_input"
|
id="rr_manual_input"
|
||||||
type="range"
|
type="range"
|
||||||
min="20"
|
min="20"
|
||||||
@ -187,12 +187,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="config-option" data-event-mouseover="set_current_gfx_description(5)">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(5)">
|
||||||
<label class="config-option__title">MS Anti-Aliasing</label>
|
<label class="config-option__title">MS Anti-Aliasing</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(5)"
|
data-event-focus="set_cur_config_index(5)"
|
||||||
name="antialiasing"
|
name="antialiasing"
|
||||||
data-checked="msaa_option"
|
data-checked="msaa_option"
|
||||||
value="None"
|
value="None"
|
||||||
@ -201,8 +201,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="msaa_none">None</label>
|
<label class="config-option__tab-label" for="msaa_none">None</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(5)"
|
data-event-focus="set_cur_config_index(5)"
|
||||||
name="antialiasing"
|
name="antialiasing"
|
||||||
data-attrif-disabled="!msaa2x_supported"
|
data-attrif-disabled="!msaa2x_supported"
|
||||||
data-checked="msaa_option"
|
data-checked="msaa_option"
|
||||||
@ -212,8 +212,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="msaa_2x">2x</label>
|
<label class="config-option__tab-label" for="msaa_2x">2x</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(5)"
|
data-event-focus="set_cur_config_index(5)"
|
||||||
name="antialiasing"
|
name="antialiasing"
|
||||||
data-attrif-disabled="!msaa4x_supported"
|
data-attrif-disabled="!msaa4x_supported"
|
||||||
data-checked="msaa_option"
|
data-checked="msaa_option"
|
||||||
@ -222,18 +222,16 @@
|
|||||||
data-attr-style="rr_option=='Manual' ? 'nav-up: #rr_manual_input; nav-down: #hr_full' : 'nav-up: #rr_manual; nav-down: #hr_full'"
|
data-attr-style="rr_option=='Manual' ? 'nav-up: #rr_manual_input; nav-down: #hr_full' : 'nav-up: #rr_manual; nav-down: #hr_full'"
|
||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="msaa_4x">4x</label>
|
<label class="config-option__tab-label" for="msaa_4x">4x</label>
|
||||||
<!-- <input type="radio" data-event-blur="set_current_gfx_description(-1)" name="antialiasing" data-checked="msaa_option" value="MSAA8X" id="msaa_8x" style="nav-right:none;nav-down:#apply_button"/>
|
|
||||||
<label class="config-option__tab-label" for="msaa_8x">8x</label> -->
|
|
||||||
<div class="config-option__details" data-if="!sample_positions_supported">Not available (missing sample positions support)</div>
|
<div class="config-option__details" data-if="!sample_positions_supported">Not available (missing sample positions support)</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="config-option" data-event-mouseover="set_current_gfx_description(6)">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(6)">
|
||||||
<label class="config-option__title">HUD Placement</label>
|
<label class="config-option__title">HUD Placement</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(6)"
|
data-event-focus="set_cur_config_index(6)"
|
||||||
name="hr-option"
|
name="hr-option"
|
||||||
data-checked="hr_option"
|
data-checked="hr_option"
|
||||||
value="Original"
|
value="Original"
|
||||||
@ -242,8 +240,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="hr_original">Original</label>
|
<label class="config-option__tab-label" for="hr_original">Original</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(6)"
|
data-event-focus="set_cur_config_index(6)"
|
||||||
name="hr-option"
|
name="hr-option"
|
||||||
data-checked="hr_option"
|
data-checked="hr_option"
|
||||||
value="Clamp16x9"
|
value="Clamp16x9"
|
||||||
@ -252,8 +250,8 @@
|
|||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="hr_16_9">16:9</label>
|
<label class="config-option__tab-label" for="hr_16_9">16:9</label>
|
||||||
<input type="radio"
|
<input type="radio"
|
||||||
data-event-blur="set_current_gfx_description(-1)"
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
data-event-focus="set_current_gfx_description(6)"
|
data-event-focus="set_cur_config_index(6)"
|
||||||
name="hr-option"
|
name="hr-option"
|
||||||
data-checked="hr_option"
|
data-checked="hr_option"
|
||||||
value="Full"
|
value="Full"
|
||||||
@ -266,34 +264,34 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="config__wrapper">
|
<div class="config__wrapper">
|
||||||
<p data-if="cur_gfx_description == 0">
|
<p data-if="cur_config_index == 0">
|
||||||
Sets the output resolution of the game. Original matches the game's original 240p resolution. Original 2x will render at 480p. Auto will scale based on the game window's resolution.
|
Sets the output resolution of the game. Original matches the game's original 240p resolution. Original 2x will render at 480p. Auto will scale based on the game window's resolution.
|
||||||
</p>
|
</p>
|
||||||
<p data-if="cur_gfx_description == 1">
|
<p data-if="cur_config_index == 1">
|
||||||
Renders at a higher resolution and scales it down to the output resolution for increased quality. Only available in Original and Original 2x resolution.
|
Renders at a higher resolution and scales it down to the output resolution for increased quality. Only available in Original and Original 2x resolution.
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
Note: 4x downsampling quality at Original 2x resolution may cause performance issues on low end devices, as it will cause the game to render at almost 4k internal resolution.
|
Note: 4x downsampling quality at Original 2x resolution may cause performance issues on low end devices, as it will cause the game to render at almost 4k internal resolution.
|
||||||
</p>
|
</p>
|
||||||
<p data-if="cur_gfx_description == 2">
|
<p data-if="cur_config_index == 2">
|
||||||
Sets the horizontal aspect ratio. Original uses the game's original 4:3 aspect ratio. Expand will adjust to match the game window's aspect ratio.
|
Sets the horizontal aspect ratio. Original uses the game's original 4:3 aspect ratio. Expand will adjust to match the game window's aspect ratio.
|
||||||
</p>
|
</p>
|
||||||
<p data-if="cur_gfx_description == 3">
|
<p data-if="cur_config_index == 3">
|
||||||
Sets whether the game should display on a Window or Fullscreen. You can also use Alt + Enter to toggle this option.
|
Sets whether the game should display on a Window or Fullscreen. You can also use Alt + Enter to toggle this option.
|
||||||
</p>
|
</p>
|
||||||
<p data-if="cur_gfx_description == 4">
|
<p data-if="cur_config_index == 4">
|
||||||
Sets the game's output framerate. This option does not affect gameplay.
|
Sets the game's output framerate. This option does not affect gameplay.
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
Note: If you have issues with Display mode while using an external frame limiter, use Manual mode instead and configure it to that same frame limit.
|
Note: If you have issues with Display mode while using an external frame limiter, use Manual mode instead and configure it to that same frame limit.
|
||||||
</p>
|
</p>
|
||||||
<p data-if="cur_gfx_description == 5">
|
<p data-if="cur_config_index == 5">
|
||||||
Sets the multisample anti-aliasing (MSAA) quality level. This reduces jagged edges in the final image at the expense of rendering performance.
|
Sets the multisample anti-aliasing (MSAA) quality level. This reduces jagged edges in the final image at the expense of rendering performance.
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
Note: This option won't be available if your GPU does not support programmable MSAA sample positions, as it is currently required to avoid rendering glitches.
|
Note: This option won't be available if your GPU does not support programmable MSAA sample positions, as it is currently required to avoid rendering glitches.
|
||||||
</p>
|
</p>
|
||||||
<p data-if="cur_gfx_description == 6">
|
<p data-if="cur_config_index == 6">
|
||||||
Adjusts the placement of HUD elements to fit the selected aspect ratio. Expand will use the aspect ratio of the game's output window.
|
Adjusts the placement of HUD elements to fit the selected aspect ratio. Expand will use the aspect ratio of the game's output window.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -6,40 +6,48 @@
|
|||||||
<div class="config__hz-wrapper">
|
<div class="config__hz-wrapper">
|
||||||
<!-- Options -->
|
<!-- Options -->
|
||||||
<div class="config__wrapper">
|
<div class="config__wrapper">
|
||||||
<div class="config-option">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(0)">
|
||||||
<label class="config-option__title">Background Music Volume</label>
|
<label class="config-option__title">Background Music Volume</label>
|
||||||
<div class="config-option__range-wrapper config-option__list">
|
<div class="config-option__range-wrapper config-option__list">
|
||||||
<label class="config-option__range-label">{{bgm_volume}}</label>
|
<label class="config-option__range-label">{{bgm_volume}}</label>
|
||||||
<input
|
<input
|
||||||
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
|
data-event-focus="set_cur_config_index(0)"
|
||||||
class="nav-vert"
|
class="nav-vert"
|
||||||
id="bgm_volume_input"
|
id="bgm_volume_input"
|
||||||
type="range"
|
type="range"
|
||||||
min="0"
|
min="0"
|
||||||
max="100"
|
max="100"
|
||||||
style="flex: 1; margin: 0dp;"
|
style="flex: 1; margin: 0dp; nav-up: #tab_sound; nav-down: #lhb_on;"
|
||||||
data-value="bgm_volume"
|
data-value="bgm_volume"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="config-option">
|
<div class="config-option" data-event-mouseover="set_cur_config_index(1)">
|
||||||
<label class="config-option__title">Low Health Beeps</label>
|
<label class="config-option__title">Low Health Beeps</label>
|
||||||
<div class="config-option__list">
|
<div class="config-option__list">
|
||||||
<input
|
<input
|
||||||
type="radio"
|
type="radio"
|
||||||
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
|
data-event-focus="set_cur_config_index(1)"
|
||||||
name="lhb"
|
name="lhb"
|
||||||
data-checked="low_health_beeps_enabled"
|
data-checked="low_health_beeps_enabled"
|
||||||
value="1"
|
value="1"
|
||||||
id="lhb_on"
|
id="lhb_on"
|
||||||
|
style="nav-up: #bgm_volume_input"
|
||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="lhb_on">On</label>
|
<label class="config-option__tab-label" for="lhb_on">On</label>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
type="radio"
|
type="radio"
|
||||||
|
data-event-blur="set_cur_config_index(-1)"
|
||||||
|
data-event-focus="set_cur_config_index(1)"
|
||||||
name="lhb"
|
name="lhb"
|
||||||
data-checked="low_health_beeps_enabled"
|
data-checked="low_health_beeps_enabled"
|
||||||
value="0"
|
value="0"
|
||||||
id="lhb_off"
|
id="lhb_off"
|
||||||
|
style="nav-up: #bgm_volume_input"
|
||||||
/>
|
/>
|
||||||
<label class="config-option__tab-label" for="lhb_off">Off</label>
|
<label class="config-option__tab-label" for="lhb_off">Off</label>
|
||||||
</div>
|
</div>
|
||||||
@ -47,11 +55,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Descriptions -->
|
<!-- Descriptions -->
|
||||||
<div class="config__wrapper">
|
<div class="config__wrapper">
|
||||||
<p data-if="0 == 0">
|
<p data-if="cur_config_index == 0">
|
||||||
First.
|
Controls the overall volume of background music
|
||||||
</p>
|
</p>
|
||||||
<p data-if="1 == 1">
|
<p data-if="cur_config_index == 1">
|
||||||
Second.
|
Toggles whether or not the low-health beeping sound plays.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -70,7 +70,7 @@ void bind_atomic(Rml::DataModelConstructor& constructor, Rml::DataModelHandle ha
|
|||||||
static int scanned_binding_index = -1;
|
static int scanned_binding_index = -1;
|
||||||
static int scanned_input_index = -1;
|
static int scanned_input_index = -1;
|
||||||
static int focused_input_index = -1;
|
static int focused_input_index = -1;
|
||||||
static int focused_gfx_index = -1;
|
static int focused_config_option_index = -1;
|
||||||
|
|
||||||
static bool msaa2x_supported = false;
|
static bool msaa2x_supported = false;
|
||||||
static bool msaa4x_supported = false;
|
static bool msaa4x_supported = false;
|
||||||
@ -292,6 +292,22 @@ public:
|
|||||||
recomp::do_warp(debug_context.area_index, debug_context.scene_index, debug_context.entrance_index);
|
recomp::do_warp(debug_context.area_index, debug_context.scene_index, debug_context.entrance_index);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void bind_config_list_events(Rml::DataModelConstructor &constructor) {
|
||||||
|
constructor.BindEventCallback("set_cur_config_index",
|
||||||
|
[](Rml::DataModelHandle model_handle, Rml::Event& event, const Rml::VariantList& inputs) {
|
||||||
|
int option_index = inputs.at(0).Get<size_t>();
|
||||||
|
// watch for mouseout being overzealous during event bubbling, only clear if the event's attached element matches the current
|
||||||
|
if (option_index == -1 && event.GetType() == "mouseout" && event.GetCurrentElement() != event.GetTargetElement()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
focused_config_option_index = option_index;
|
||||||
|
model_handle.DirtyVariable("cur_config_index");
|
||||||
|
});
|
||||||
|
|
||||||
|
constructor.Bind("cur_config_index", &focused_config_option_index);
|
||||||
|
}
|
||||||
|
|
||||||
void make_graphics_bindings(Rml::Context* context) {
|
void make_graphics_bindings(Rml::Context* context) {
|
||||||
Rml::DataModelConstructor constructor = context->CreateDataModel("graphics_model");
|
Rml::DataModelConstructor constructor = context->CreateDataModel("graphics_model");
|
||||||
if (!constructor) {
|
if (!constructor) {
|
||||||
@ -303,6 +319,7 @@ public:
|
|||||||
std::this_thread::sleep_for(50ms);
|
std::this_thread::sleep_for(50ms);
|
||||||
}
|
}
|
||||||
new_options = ultramodern::get_graphics_config();
|
new_options = ultramodern::get_graphics_config();
|
||||||
|
bind_config_list_events(constructor);
|
||||||
|
|
||||||
constructor.BindFunc("res_option",
|
constructor.BindFunc("res_option",
|
||||||
[](Rml::Variant& out) { get_option(new_options.res_option, out); },
|
[](Rml::Variant& out) { get_option(new_options.res_option, out); },
|
||||||
@ -369,18 +386,6 @@ public:
|
|||||||
out = "";
|
out = "";
|
||||||
});
|
});
|
||||||
|
|
||||||
constructor.BindEventCallback("set_current_gfx_description",
|
|
||||||
[](Rml::DataModelHandle model_handle, Rml::Event& event, const Rml::VariantList& inputs) {
|
|
||||||
int gfx_index = inputs.at(0).Get<size_t>();
|
|
||||||
// watch for mouseout being overzealous during event bubbling, only clear if the event's attached element matches the current
|
|
||||||
if (gfx_index == -1 && event.GetType() == "mouseout" && event.GetCurrentElement() != event.GetTargetElement()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
focused_gfx_index = gfx_index;
|
|
||||||
model_handle.DirtyVariable("cur_gfx_description");
|
|
||||||
});
|
|
||||||
constructor.Bind("cur_gfx_description", &focused_gfx_index);
|
|
||||||
|
|
||||||
constructor.Bind("msaa2x_supported", &msaa2x_supported);
|
constructor.Bind("msaa2x_supported", &msaa2x_supported);
|
||||||
constructor.Bind("msaa4x_supported", &msaa4x_supported);
|
constructor.Bind("msaa4x_supported", &msaa4x_supported);
|
||||||
constructor.Bind("msaa8x_supported", &msaa8x_supported);
|
constructor.Bind("msaa8x_supported", &msaa8x_supported);
|
||||||
@ -569,6 +574,8 @@ public:
|
|||||||
throw std::runtime_error("Failed to make RmlUi data model for the control options menu");
|
throw std::runtime_error("Failed to make RmlUi data model for the control options menu");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
bind_config_list_events(constructor);
|
||||||
|
|
||||||
constructor.Bind("rumble_strength", &control_options_context.rumble_strength);
|
constructor.Bind("rumble_strength", &control_options_context.rumble_strength);
|
||||||
bind_option(constructor, "targeting_mode", &control_options_context.targeting_mode);
|
bind_option(constructor, "targeting_mode", &control_options_context.targeting_mode);
|
||||||
|
|
||||||
@ -581,6 +588,8 @@ public:
|
|||||||
throw std::runtime_error("Failed to make RmlUi data model for the sound options menu");
|
throw std::runtime_error("Failed to make RmlUi data model for the sound options menu");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
bind_config_list_events(constructor);
|
||||||
|
|
||||||
sound_options_model_handle = constructor.GetModelHandle();
|
sound_options_model_handle = constructor.GetModelHandle();
|
||||||
|
|
||||||
bind_atomic(constructor, sound_options_model_handle, "bgm_volume", &sound_options_context.bgm_volume);
|
bind_atomic(constructor, sound_options_model_handle, "bgm_volume", &sound_options_context.bgm_volume);
|
||||||
@ -593,6 +602,8 @@ public:
|
|||||||
throw std::runtime_error("Failed to make RmlUi data model for the debug menu");
|
throw std::runtime_error("Failed to make RmlUi data model for the debug menu");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
bind_config_list_events(constructor);
|
||||||
|
|
||||||
// Bind the debug mode enabled flag.
|
// Bind the debug mode enabled flag.
|
||||||
constructor.Bind("debug_enabled", &debug_context.debug_enabled);
|
constructor.Bind("debug_enabled", &debug_context.debug_enabled);
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user