isledecomp/isle.pizza
1
0
Fork 0
mirror of https://github.com/isledecomp/isle.pizza.git synced 2026-01-10 18:21:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add support for different touch controls

Browse Source
This commit is contained in:
Christian Semmler 2025-07-12 19:13:50 -07:00
parent 936f1f03da
commit 9c07ea28f4
No known key found for this signature in database
GPG Key ID: 086DAA1360BEEE5C
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@ -774,6 +774,29 @@
</div>
</div>
</div>
<div class="config-section" id="input-section">
<h3 class="config-legend">Input</h3>
<div class="form-grid">
<div class="form-group">
<label class="form-group-label">
Touch Control Scheme
<span class="tooltip-trigger">?
<span class="tooltip-content">
<div><strong>Virtual Gamepad (Recommended):</strong> Slide your finger to move and turn.</div><br>
<div><strong>Virtual Arrow Keys:</strong> Tap screen areas to move. The top moves forward, the bottom turns or moves back.</div><br>
<div><strong>Virtual Mouse:</strong> Emulates classic mouse controls with touch.</div>
</span>
</label>
<div class="select-wrapper">
<select id="touch-type-select" name="Touch Scheme">
<option value="0">Virtual Mouse</option>
<option value="1">Virtual Arrow Keys</option>
<option value="2" selected>Virtual Gamepad</option>
</select>
</div>
</div>
</div>
</div>
<div class="config-section">
<h3 class="config-legend">Detail</h3>
<div class="form-grid">
@ -1315,6 +1338,10 @@
else {
document.getElementById('window-form').style.display = 'none';
}
if (!window.matchMedia('(any-pointer: coarse)').matches) {
document.getElementById('input-section').style.display = 'none';
}
});
</script>