@@ -1820,7 +1833,6 @@ function clearProgress(){ try{ sessionStorage.removeItem(_RESUME_KEY); }catch(e)
var frameEl = document.getElementById('room-frame');
var introEl = document.getElementById('intro');
-var corridorEl = document.getElementById('corridor');
var skipEl = document.getElementById('skip-banner');
var finaleEl = document.getElementById('finale');
@@ -1884,7 +1896,7 @@ window.nextRoom = function(data){
saveProgress();
console.log('[campaign] camera',idx,'done. stars=',data.stars,'letter=',letter);
var next = idx + 1;
- if(next >= N){ clearProgress(); showFinale(); } else { showCorridor(idx, data, next); }
+ if(next >= N){ clearProgress(); showFinale(); } else { showOverworld(next, data); }
};
window.roomReady = function(idx){
@@ -1963,34 +1975,6 @@ function mountRoom(idx){
console.log('[campaign] montat camera',idx,'stil',style);
}
-/* ----- Coridor ----- */
-function showCorridor(doneIdx, data, nextIdx){
- hideAll();
- var s = data.stars || 0; var stars = '';
- for(var i=0;i
= N){ showFinale(); } else { showCorridor(idx,{stars:0,letter:''},next); }
+ if(next >= N){ showFinale(); } else { showOverworld(next); }
};
}
@@ -2044,10 +2028,129 @@ function confetti(){
}
}
+var overworldEl = document.getElementById('overworld');
function hideAll(){
- [introEl,corridorEl,skipEl,finaleEl].forEach(function(el){ el.classList.remove('show'); });
+ [introEl,overworldEl,skipEl,finaleEl].forEach(function(el){ el.classList.remove('show'); });
}
+/* ===== Overworld (S3 pas2 — hartă top-down care înlocuiește coridorul) =====
+ * Strat de NAVIGARE peste #room-frame. Nu schimbă contractul:
+ * mountRoom/nextRoom/roomReady/roomError/skip/resume/finale rămân identice.
+ * Camera done → showOverworld(next) (în loc de showCorridor). */
+var OW_TILE = 40;
+var OW_ROWS = 9;
+var OW_COLS = Math.max(11, Math.min(19, N * 2 + 5));
+var OW_MIDR = OW_ROWS >> 1;
+var owWorld = document.getElementById('ow-world');
+var owWrap = document.getElementById('ow-wrap');
+var owMap = [], owDoors = [], owExit = { col: OW_COLS - 2, row: OW_MIDR };
+var owPlayer = { col: 1, row: OW_MIDR }, owPlayerEl = null, owTargetIdx = 0, owActive = false;
+
+function owResetPlayer(){ owPlayer.col = 1; owPlayer.row = OW_MIDR; }
+
+function owBuild(){
+ owMap = [];
+ for (var r = 0; r < OW_ROWS; r++){ owMap[r] = []; for (var c = 0; c < OW_COLS; c++){ owMap[r][c] = (r === 0 || c === 0 || r === OW_ROWS - 1 || c === OW_COLS - 1) ? 1 : 0; } }
+ owDoors = [];
+ for (var i = 0; i < N; i++){
+ var col = (N <= 1) ? (OW_COLS >> 1) : (3 + Math.round(i * (OW_COLS - 6) / (N - 1)));
+ var row = OW_MIDR + ((i % 2 === 0) ? -1 : 1) * ((i % 4 < 2) ? 1 : 2);
+ if (row < 1) row = 1; if (row > OW_ROWS - 2) row = OW_ROWS - 2;
+ owDoors.push({ col: col, row: row, idx: i });
+ }
+ owWorld.style.width = (OW_COLS * OW_TILE) + 'px';
+ owWorld.style.height = (OW_ROWS * OW_TILE) + 'px';
+ var html = '';
+ for (var r2 = 0; r2 < OW_ROWS; r2++) for (var c2 = 0; c2 < OW_COLS; c2++){
+ var cls = owMap[r2][c2] === 1 ? 'ow-wall' : ('ow-floor' + (((r2 + c2) % 2) ? ' alt' : ''));
+ html += '';
+ }
+ owDoors.forEach(function(d){ html += '' + (d.idx + 1) + '
'; });
+ html += '\\ud83c\\udfc1
';
+ html += '\\ud83e\\uddd1
';
+ owWorld.innerHTML = html;
+ owPlayerEl = document.getElementById('ow-player');
+}
+
+function owAllDone(){ for (var i = 0; i < N; i++) if (!roomDone[i]) return false; return true; }
+
+function owRefreshDoors(){
+ owDoors.forEach(function(d){
+ var el = document.getElementById('ow-door-' + d.idx); if (!el) return;
+ var done = !!roomDone[d.idx], isSkip = !!skipped[d.idx];
+ el.className = 'ow-door' + (done ? ' solved' : '') + (!done && d.idx === owTargetIdx ? ' target' : '');
+ if (isSkip) el.textContent = '\\ud83d\\udd12';
+ else if (done) el.textContent = (MASTER.puzzles[d.idx].letter || '').trim().toUpperCase() || '\\u2713';
+ else el.textContent = (d.idx + 1);
+ });
+ var ex = document.getElementById('ow-exit'); if (ex) ex.className = 'ow-exit' + (owAllDone() ? ' open' : '');
+ document.getElementById('ow-hint').textContent = owAllDone()
+ ? 'Toate camerele rezolvate! Mergi la steag \\ud83c\\udfc1 ca să evadezi.'
+ : 'Mergi la ușa următoare (săgeți / WASD / butoane).';
+}
+
+function owCenter(){
+ var vpW = owWrap.clientWidth, vpH = owWrap.clientHeight;
+ var worldW = OW_COLS * OW_TILE, worldH = OW_ROWS * OW_TILE;
+ var px = owPlayer.col * OW_TILE + OW_TILE / 2, py = owPlayer.row * OW_TILE + OW_TILE / 2;
+ var tx = worldW <= vpW ? (vpW - worldW) / 2 : Math.max(vpW - worldW, Math.min(0, vpW / 2 - px));
+ var ty = worldH <= vpH ? (vpH - worldH) / 2 : Math.max(vpH - worldH, Math.min(0, vpH / 2 - py));
+ owWorld.style.transform = 'translate(' + tx + 'px,' + ty + 'px)';
+}
+
+function owRenderPlayer(){ if (owPlayerEl){ owPlayerEl.style.left = (owPlayer.col * OW_TILE) + 'px'; owPlayerEl.style.top = (owPlayer.row * OW_TILE) + 'px'; } owCenter(); }
+
+function owWalkable(col, row){ if (col < 0 || row < 0 || col >= OW_COLS || row >= OW_ROWS) return false; return owMap[row][col] !== 1; }
+
+function owMove(dc, dr){
+ if (!owActive) return;
+ var nc = owPlayer.col + dc, nr = owPlayer.row + dr;
+ if (!owWalkable(nc, nr)) return;
+ owPlayer.col = nc; owPlayer.row = nr; owRenderPlayer(); owCheckEnter();
+}
+
+function owCheckEnter(){
+ for (var i = 0; i < owDoors.length; i++){ var d = owDoors[i]; if (owPlayer.col === d.col && owPlayer.row === d.row){ if (!roomDone[d.idx]) owEnterDoor(d.idx); return; } }
+ if (owPlayer.col === owExit.col && owPlayer.row === owExit.row && owAllDone()){ owActive = false; showFinale(); }
+}
+
+function owEnterDoor(idx){ if (!owActive) return; /* idempotență — a doua intrare ignorată (T4/D4) */ owActive = false; mountRoom(idx); }
+
+function showOverworld(targetIdx, data){
+ hideAll();
+ owTargetIdx = targetIdx;
+ owRefreshDoors();
+ owRenderPlayer();
+ owActive = true;
+ overworldEl.classList.add('show');
+ if (data){
+ var s = data.stars || 0;
+ var letter = String(data.letter || '').replace(/[^A-Za-z0-9]/g, '').charAt(0).toUpperCase();
+ var t = (letter ? ('+' + letter + ' ') : '') + (s ? ('+' + s + ' \\u2605') : '');
+ var toast = document.getElementById('ow-toast');
+ if (t.trim()){ toast.textContent = t; toast.classList.add('show'); setTimeout(function(){ toast.classList.remove('show'); }, 1600); }
+ }
+ setTimeout(owCenter, 0);
+}
+
+document.addEventListener('keydown', function(e){
+ if (!owActive) return;
+ var m = { ArrowUp:[0,-1], ArrowDown:[0,1], ArrowLeft:[-1,0], ArrowRight:[1,0], w:[0,-1], s:[0,1], a:[-1,0], d:[1,0] }[e.key];
+ if (!m) return; e.preventDefault(); owMove(m[0], m[1]);
+});
+document.querySelectorAll('#ow-dpad button[data-d]').forEach(function(b){
+ b.addEventListener('click', function(){ var m = { U:[0,-1], D:[0,1], L:[-1,0], R:[1,0] }[b.getAttribute('data-d')]; if (m) owMove(m[0], m[1]); });
+});
+
+/* Hooks pentru teste (conduc harta fără tastatură) */
+window.__ow = {
+ get state(){ return { player: { col: owPlayer.col, row: owPlayer.row }, target: owTargetIdx, active: owActive, allDone: owAllDone(), doors: owDoors.map(function(d){ return { idx: d.idx, col: d.col, row: d.row, solved: !!roomDone[d.idx] }; }) }; },
+ enterDoor: function(i){ var d = owDoors[i]; if (d){ owPlayer.col = d.col; owPlayer.row = d.row; owRenderPlayer(); owCheckEnter(); } },
+ enterExit: function(){ owPlayer.col = owExit.col; owPlayer.row = owExit.row; owRenderPlayer(); owCheckEnter(); }
+};
+
+owBuild();
+
/* ----- Intro ----- */
document.getElementById('intro-title').textContent = MASTER.title;
document.getElementById('intro-story').textContent = (MASTER.player?'Salut, '+MASTER.player+'! ':'')+MASTER.story;
@@ -2056,7 +2159,7 @@ document.getElementById('btn-start').onclick = function(){
/* Deblochează AudioContext-ul AICI (gest direct pe părinte) — camerele cheamă
parent.beep() din iframe, iar gestul din iframe NU deblochează ctx-ul părintelui. */
try{ var c=beep._ctx||(beep._ctx=new(window.AudioContext||window.webkitAudioContext)()); if(c.state==='suspended') c.resume(); }catch(e){}
- clearProgress(); mountRoom(0);
+ clearProgress(); owResetPlayer(); showOverworld(0);
};
buildDots();
@@ -2071,13 +2174,15 @@ buildDots();
collected = saved.collected || [];
skipped = saved.skipped || {};
Object.keys(skipped).forEach(function(k){ roomDone[+k] = true; setDot(+k,'done'); });
- /* repornim de la coridorul camerei next */
+ /* repornim pe hartă, la ușa camerei next */
var resumeIdx = saved.idx + 1;
+ /* marchează ușile deja rezolvate pe hartă (resume) */
+ for(var di=0; di<=saved.idx; di++){ roomDone[di] = true; setDot(di,'done'); }
if(resumeIdx >= N){
/* ultima cameră deja terminată — mergi direct la final */
showFinale(); return;
}
- showCorridor(saved.idx, {stars:0, letter: (collected[collected.length-1]||'')}, resumeIdx);
+ owResetPlayer(); showOverworld(resumeIdx);
})();
<\/script>