2526-web/kelompok06-2048
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2048

Browse Source
This commit is contained in:
Jevinca Marvella 2025-12-02 21:45:58 +07:00
parent 7676a07935
commit 35a97679c3
3 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
2048.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>2048 - Neon Edition</title> <title>2048</title>
<link rel="stylesheet" href="2048.css" /> <link rel="stylesheet" href="2048.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

15
2048_Controls.js
View File

@ -1,8 +1,13 @@
/* ------------------------ /* ------------------------
6. INPUT HANDLER 6. INPUT HANDLER
------------------------ */ ------------------------
*/
let inputLocked = false;
function handleKey(e) { function handleKey(e) {
if (isMoving) return; if (isMoving || inputLocked) return; // ⛔ BLOK kalau sedang buka sound panel
let moved = false; let moved = false;
const k = e.key; const k = e.key;
@ -35,14 +40,18 @@ function handleKey(e) {
let touchStartX = 0; let touchStartX = 0;
let touchStartY = 0; let touchStartY = 0;
document.addEventListener("touchstart", function (e) { document.addEventListener("touchstart", function (e) {
if (inputLocked) return; // ⛔ jangan catat swipe
const t = e.touches[0]; const t = e.touches[0];
touchStartX = t.clientX; touchStartX = t.clientX;
touchStartY = t.clientY; touchStartY = t.clientY;
}, { passive: true }); }, { passive: true });
document.addEventListener("touchend", function (e) { document.addEventListener("touchend", function (e) {
if (isMoving) return; if (isMoving || inputLocked) return; // ⛔ swipe diblok saat sound panel aktif
const t = e.changedTouches[0]; const t = e.changedTouches[0];
const dx = t.clientX - touchStartX; const dx = t.clientX - touchStartX;

15
Audio_2048.js
View File

@ -120,20 +120,22 @@ function setupVolumePanelEvents() {
if (isActive) { if (isActive) {
volumePanel.classList.remove('active'); volumePanel.classList.remove('active');
if (volumeBackdrop) volumeBackdrop.classList.remove('active'); if (volumeBackdrop) volumeBackdrop.classList.remove('active');
inputLocked = false; // 🔓 buka panel -> input kembali
} else { } else {
volumePanel.classList.add('active'); volumePanel.classList.add('active');
if (volumeBackdrop) volumeBackdrop.classList.add('active'); if (volumeBackdrop) volumeBackdrop.classList.add('active');
inputLocked = true; // 🔒 panel sound aktif -> swipe & keyboard mati
} }
}); });
// Close when clicking backdrop // Close when clicking backdrop
if (volumeBackdrop) { volumeBackdrop.addEventListener('click', () => {
volumeBackdrop.addEventListener('click', () => { volumePanel.classList.remove('active');
volumePanel.classList.remove('active'); volumeBackdrop.classList.remove('active');
volumeBackdrop.classList.remove('active'); inputLocked = false; // 🔓 unlock
}); });
}
// Close when clicking outside (desktop) // Close when clicking outside (desktop)
document.addEventListener('click', (e) => { document.addEventListener('click', (e) => {
@ -142,6 +144,7 @@ function setupVolumePanelEvents() {
(!volumeBackdrop || !volumeBackdrop.contains(e.target))) { (!volumeBackdrop || !volumeBackdrop.contains(e.target))) {
volumePanel.classList.remove('active'); volumePanel.classList.remove('active');
if (volumeBackdrop) volumeBackdrop.classList.remove('active'); if (volumeBackdrop) volumeBackdrop.classList.remove('active');
inputLocked = false; // 🔓 unlock input
} }
}); });