const canvas = document.getElementById("gameCanvas"); const ctx = canvas.getContext("2d"); const scoreValue = document.getElementById("scoreValue"); const timeValue = document.getElementById("timeValue"); const comboValue = document.getElementById("comboValue"); const bestValue = document.getElementById("bestValue"); const startScreen = document.getElementById("startScreen"); const gameOverScreen = document.getElementById("gameOverScreen"); const startButton = document.getElementById("startButton"); const restartButton = document.getElementById("restartButton"); const finalScore = document.getElementById("finalScore"); const finalTime = document.getElementById("finalTime"); const finalCombo = document.getElementById("finalCombo"); const finalLandings = document.getElementById("finalLandings"); const resultTitle = document.getElementById("resultTitle"); const messageEl = document.getElementById("message"); let W = 0; let H = 0; let dpr = 1; let running = false; let last = 0; let elapsed = 0; let score = 0; let combo = 1; let bestCombo = 1; let landings = 0; let messageTimer = 0; let lavaPulse = 0; let screenShake = 0; let best = Number(localStorage.getItem("floor_lava_best") || 0); let tutorialStage = 0; let tutorialTimer = 0; let targetPlatform = null; const keys = new Set(); const player = { x: 0, y: 0, z: 0, vx: 0, vy: 0, vz: 0, r: 13, speed: 245, jumpPower: 390, onPlatform: null, jumping: false }; let platforms = []; let sparks = []; function resize() { dpr = Math.min(devicePixelRatio || 1, 2); W = innerWidth; H = innerHeight; canvas.width = Math.round(W * dpr); canvas.height = Math.round(H * dpr); canvas.style.width = W + "px"; canvas.style.height = H + "px"; ctx.setTransform(dpr, 0, 0, dpr, 0, 0); if (!running) draw(); } addEventListener("resize", resize); resize(); function rand(a,b){ return Math.random()*(b-a)+a; } function clamp(v,a,b){ return Math.max(a,Math.min(b,v)); } function dist(a,b){ return Math.hypot(a.x-b.x,a.y-b.y); } function makePlatform(x,y,w,h,type="table",opts={}) { return { x,y,w,h,type, baseY:y, sink:0, sinkSpeed: opts.sinkSpeed || 0, sinking: !!opts.sinking, moveX: opts.moveX || 0, moveY: opts.moveY || 0, phase: opts.phase || rand(0,Math.PI*2), alive: true, ttl: opts.ttl ?? Infinity, age: 0, bonus: opts.bonus || false }; } function buildRoom() { platforms = []; const safeTop = 105; // Fixed starter platform near bottom-center. const starter = makePlatform( W * .5 - 70, H - 105, 140, 58, "starter", { sinking: true, sinkSpeed: 0, bonus: false } ); starter.grace = 3.5; starter.isStarter = true; platforms.push(starter); // Build a chain of reachable platforms outward from the starter. // Each new platform is intentionally close enough to jump to. const targetCount = 10; const maxReach = Math.min(245, Math.max(185, W * .18)); let anchor = starter; for (let i = 0; i < targetCount - 1; i++) { let placed = false; for (let attempt = 0; attempt < 80; attempt++) { const angle = rand(-Math.PI * .92, -Math.PI * .08); const distance = rand(maxReach * .55, maxReach); const w = rand(88, 130); const h = rand(50, 70); const cx = anchor.x + anchor.w / 2 + Math.cos(angle) * distance; const cy = anchor.y + anchor.h / 2 + Math.sin(angle) * distance; const x = clamp( cx - w / 2, 35, W - w - 35 ); const y = clamp( cy - h / 2, safeTop, H - h - 35 ); const overlap = platforms.some(p => x < p.x + p.w + 26 && x + w + 26 > p.x && y < p.y + p.h + 26 && y + h + 26 > p.y ); if (overlap) { continue; } const types = [ "sofa", "table", "chair", "cabinet", "rug", "stool", "bed", "ottoman" ]; const platform = makePlatform( x, y, w, h, types[i % types.length], { moveX: i > 2 && i % 4 === 0 ? rand(10, 18) : 0, moveY: i > 2 && i % 5 === 0 ? rand(8, 16) : 0, sinking: i > 3 && i % 3 === 0, sinkSpeed: i > 3 && i % 3 === 0 ? rand(.055, .085) : 0 } ); platforms.push(platform); anchor = platform; placed = true; break; } // If placement fails, restart from a random existing platform // rather than creating an unreachable gap. if (!placed) { anchor = platforms[ Math.floor( rand(0, platforms.length) ) ]; } } player.x = starter.x + starter.w / 2; player.y = starter.y + starter.h / 2; player.z = 0; player.vx = 0; player.vy = 0; player.vz = 0; player.onPlatform = starter; player.jumping = false; targetPlatform = platforms.find(p => p !== starter && p.alive) || null; } function platformCenter(p){ return {x:p.x+p.w/2,y:p.y+p.h/2}; } function pointOnPlatform(x,y,p,margin=8){ return ( x > p.x-margin && x < p.x+p.w+margin && y > p.y-margin && y < p.y+p.h+margin ); } function currentPlatformAt(x,y){ let found = null; for(const p of platforms){ if(!p.alive) continue; if(pointOnPlatform(x,y,p,10)){ found = p; } } return found; } function spawnNewPlatform() { const live = platforms.filter(p => p.alive); if (!live.length) { return; } const maxReach = Math.min( 240, Math.max(180, W * .17) ); for ( let attempt = 0; attempt < 100; attempt++ ) { const anchor = live[ Math.floor( rand(0, live.length) ) ]; const angle = rand(0, Math.PI * 2); const distance = rand( maxReach * .48, maxReach * .88 ); const w = rand(82, 118); const h = rand(46, 66); const cx = anchor.x + anchor.w / 2 + Math.cos(angle) * distance; const cy = anchor.y + anchor.h / 2 + Math.sin(angle) * distance; const x = clamp( cx - w / 2, 35, W - w - 35 ); const y = clamp( cy - h / 2, 105, H - h - 35 ); const overlap = platforms.some(p => p.alive && x < p.x + p.w + 24 && x + w + 24 > p.x && y < p.y + p.h + 24 && y + h + 24 > p.y ); if (overlap) { continue; } platforms.push( makePlatform( x, y, w, h, [ "chair", "table", "crate", "ottoman" ][ Math.floor( rand(0, 4) ) ], { ttl: rand(11, 17), moveX: Math.random() < .25 ? rand(8, 16) : 0, moveY: Math.random() < .25 ? rand(8, 14) : 0, bonus: true } ) ); showMessage("NEW SAFE SPOT"); return; } } function resetGame(){ elapsed = 0; score = 0; combo = 1; bestCombo = 1; landings = 0; lavaPulse = 0; screenShake = 0; sparks = []; tutorialStage = 0; tutorialTimer = 0; buildRoom(); running = true; startScreen.classList.add("hidden"); gameOverScreen.classList.add("hidden"); updateHUD(); last = performance.now(); requestAnimationFrame(loop); } function jump(){ if(!running) return; if(player.z <= .01 && player.onPlatform){ player.vz = player.jumpPower; player.z = .01; player.jumping = true; } } function updatePlayer(dt){ let dx = 0; let dy = 0; if(keys.has("w")||keys.has("arrowup")) dy--; if(keys.has("s")||keys.has("arrowdown")) dy++; if(keys.has("a")||keys.has("arrowleft")) dx--; if(keys.has("d")||keys.has("arrowright")) dx++; const m = Math.hypot(dx,dy) || 1; dx /= m; dy /= m; const speed = player.speed * (1 + Math.min(.28,elapsed/180)); const response = 1 - Math.exp(-16*dt); player.vx += (dx*speed-player.vx)*response; player.vy += (dy*speed-player.vy)*response; player.x = clamp(player.x + player.vx*dt, player.r, W-player.r); player.y = clamp(player.y + player.vy*dt, 90+player.r, H-player.r); if(player.jumping || player.z > 0){ player.vz -= 610*dt; player.z += player.vz*dt; if(player.z <= 0){ player.z = 0; player.vz = 0; player.jumping = false; const landed = currentPlatformAt(player.x,player.y); if(landed){ if(landed !== player.onPlatform){ landings++; combo++; bestCombo = Math.max(bestCombo,combo); const gain = 120 * combo + (landed.bonus ? 300 : 0); score += gain; burst(player.x,player.y,landed.bonus ? 18 : 10); showMessage(landed.bonus ? `BONUS +${gain}` : `SAFE +${gain}`); landed.bonus = false; tutorialStage = Math.max(tutorialStage,3); tutorialTimer = 1.2; } player.onPlatform = landed; targetPlatform = chooseNextTarget(); }else{ melt(); } } }else{ const standing = currentPlatformAt(player.x,player.y); if(!standing){ melt(); return; } player.onPlatform = standing; } } function updatePlatforms(dt){ const difficulty = Math.min(1,elapsed/110); for(const p of platforms){ if(!p.alive) continue; p.age += dt; // Starter platform gives only a short grace period. if(p.isStarter){ if(p.age < p.grace){ p.sink = 0; p.sinkSpeed = 0; }else{ p.sinkSpeed = .24; p.sinking = true; if( tutorialStage < 2 && p.age > p.grace ){ tutorialStage = 2; tutorialTimer = 2.2; showMessage("THE COUCH IS SINKING — JUMP!"); } } } if(Number.isFinite(p.ttl) && p.age > p.ttl){ p.alive = false; if(player.onPlatform === p && player.z === 0){ combo = 1; player.onPlatform = null; } if(targetPlatform === p){ targetPlatform = chooseNextTarget(); } continue; } if(p.moveX){ p.x += Math.sin(elapsed*.9+p.phase)*p.moveX*dt; } if(p.moveY){ p.y += Math.cos(elapsed*.85+p.phase)*p.moveY*dt; } if(p.sinking){ p.sink += dt * p.sinkSpeed * (1+difficulty*.9); if(p.sink > 1.0){ p.alive = false; if(player.onPlatform === p && player.z === 0){ player.onPlatform = null; combo = 1; } if(targetPlatform === p){ targetPlatform = chooseNextTarget(); } } } } if(Math.floor(elapsed)%9===0 && Math.floor((elapsed-dt))%9!==0){ spawnNewPlatform(); } if(Math.floor(elapsed)%14===0 && Math.floor((elapsed-dt))%14!==0){ const candidates = platforms.filter( p => p.alive && !p.sinking && !p.isStarter ); if(candidates.length){ const p = candidates[ Math.floor(rand(0,candidates.length)) ]; p.sinking = true; p.sinkSpeed = rand(.08,.14) * (1+difficulty*.7); if(targetPlatform === p){ targetPlatform = chooseNextTarget(); } showMessage("THAT ONE'S SINKING!"); } } if(!targetPlatform || !targetPlatform.alive){ targetPlatform = chooseNextTarget(); } } function chooseNextTarget(){ const origin = player.onPlatform && player.onPlatform.alive ? platformCenter(player.onPlatform) : {x:player.x,y:player.y}; const candidates = platforms .filter( p => p.alive && p !== player.onPlatform && p.sink < .7 ) .map(p => ({ p, d: Math.hypot( platformCenter(p).x-origin.x, platformCenter(p).y-origin.y ) })) .filter(item => item.d < 280) .sort((a,b)=>a.d-b.d); return candidates.length ? candidates[0].p : null; } function burst(x,y,count=12){ for(let i=0;i=0;i--){ const s = sparks[i]; s.age += dt; s.x += s.vx*dt; s.y += s.vy*dt; s.vx *= .98; s.vy *= .98; if(s.age>=s.life) sparks.splice(i,1); } } function update(dt){ elapsed += dt; lavaPulse += dt; updatePlatforms(dt); updatePlayer(dt); updateSparks(dt); if(tutorialStage === 0 && elapsed > .7){ tutorialStage = 1; tutorialTimer = 2.2; showMessage("MOVE + SPACE TO JUMP"); } if(tutorialTimer > 0){ tutorialTimer -= dt; } if(messageTimer>0){ messageTimer -= dt; if(messageTimer<=0){ messageEl.classList.remove("show"); } } score += dt * (18 + elapsed*.42 + combo*2.5); updateHUD(); } function melt(){ if(!running) return; running = false; screenShake = 1; burst(player.x,player.y,28); const rounded = Math.floor(score); if(rounded > best){ best = rounded; localStorage.setItem("floor_lava_best",best); resultTitle.textContent = "NEW BEST"; }else{ resultTitle.textContent = "MELTED"; } if(window.Arcade && typeof window.Arcade.submitScore === "function"){ window.Arcade.submitScore({ score: rounded, duration: elapsed, stats: { bestCombo, landings } }); } finalScore.textContent = rounded.toLocaleString(); finalTime.textContent = elapsed.toFixed(1)+"s"; finalCombo.textContent = "x"+bestCombo; finalLandings.textContent = landings; setTimeout(()=>gameOverScreen.classList.remove("hidden"),280); } function updateHUD(){ scoreValue.textContent = Math.floor(score).toLocaleString(); timeValue.textContent = elapsed.toFixed(1); comboValue.textContent = "x"+combo; bestValue.textContent = best.toLocaleString(); } function showMessage(text){ messageEl.textContent = text; messageEl.classList.add("show"); messageTimer = 1.25; } function drawRoom(){ // Wall / background. ctx.fillStyle = "#5b3b28"; ctx.fillRect(0,0,W,H); // Top wall. ctx.fillStyle = "#6d4931"; ctx.fillRect(18,18,W-36,70); // Baseboard. ctx.fillStyle = "#d2ae82"; ctx.fillRect(18,78,W-36,10); // Lava floor. const grad = ctx.createLinearGradient(0,90,0,H); grad.addColorStop(0,"#cf421c"); grad.addColorStop(.45,"#e85421"); grad.addColorStop(1,"#ff7c28"); ctx.fillStyle = grad; ctx.fillRect(18,88,W-36,H-106); // Molten glow. const glow = ctx.createRadialGradient( W*.5, H*.65, 20, W*.5, H*.65, Math.max(W,H)*.7 ); glow.addColorStop(0,"rgba(255,202,86,.16)"); glow.addColorStop(1,"rgba(255,118,30,0)"); ctx.fillStyle = glow; ctx.fillRect(18,88,W-36,H-106); // Lava veins. for(let i=0;i<14;i++){ const y = 115 + i*58 + Math.sin(lavaPulse*1.7+i)*8; ctx.strokeStyle = i%2===0 ? "rgba(255,215,105,.34)" : "rgba(255,154,55,.28)"; ctx.lineWidth = i%3===0 ? 4 : 2; ctx.beginPath(); ctx.moveTo(22,y); for(let x=22;x0 ? rand(-5,5)*screenShake : 0; const sy = screenShake>0 ? rand(-5,5)*screenShake : 0; ctx.save(); ctx.translate(sx,sy); drawRoom(); platforms.forEach(drawPlatform); if( targetPlatform && targetPlatform.alive && running ){ const c = platformCenter(targetPlatform); ctx.fillStyle="rgba(50,28,14,.78)"; ctx.font="900 11px system-ui"; ctx.textAlign="center"; ctx.textBaseline="middle"; const text = tutorialStage < 3 ? "JUMP HERE" : "NEXT SAFE SPOT"; ctx.fillText( text, c.x, targetPlatform.y - 16 ); } drawSparks(); drawPlayer(); ctx.restore(); screenShake = Math.max(0,screenShake-.08); } function loop(now){ if(!running) return; const dt = Math.min(.033,(now-last)/1000 || 0); last = now; update(dt); draw(); if(running) requestAnimationFrame(loop); } addEventListener("keydown",e=>{ const k = e.key.toLowerCase(); if(["w","a","s","d","arrowup","arrowdown","arrowleft","arrowright"," "].includes(k)){ e.preventDefault(); } if(k===" "){ jump(); }else{ keys.add(k); } },{passive:false}); addEventListener("keyup",e=>{ keys.delete(e.key.toLowerCase()); }); startButton.addEventListener("click",resetGame); restartButton.addEventListener("click",resetGame); buildRoom(); updateHUD(); draw();

DON'TTOUCH DOWN

MELTED

DON'T
TOUCH DOWN