Untitled

<!DOCTYPE html>
<html>
<body>
<canvas id="game"></canvas>
<script>
// === RESPAWN SYSTEM - EVERYTHING STUMBLES EXCEPT YOU ===
class RespawnSystem {
  constructor() {
    this.checkpoints = [{x:100, y:100}, {x:400, y:300}, {x:800, y:100}]
    this.currentCheckpoint = 0
    this.respawnCount = 0
    this.player = { x:100, y:100, vx:0, vy:0, stable: true }
  }
  saveCheckpoint(id){
    this.currentCheckpoint = id
    document.getElementById('cp').innerText = id
    console.log("Checkpoint saved:", id)
  }
  respawn(){
    this.respawnCount++
    const cp = this.checkpoints[this.currentCheckpoint]
    // teleport + effects
    this.player.x = cp.x
    this.player.y = cp.y
    this.player.vx = 0
    this.player.vy = 0
    document.getElementById('count').innerText = this.respawnCount

    // screen shake + flash
    document.body.animate([
      {filter:'brightness(2) blur(5px)'},
      {filter:'brightness(1) blur(0px)'}
    ], {duration:400})
  }
  kill(){
    // Called when you fall / hit lava
    this.respawn()
  }
}

// === STUMBLE SYSTEM FOR EVERYONE ELSE ===
class Stumbler {
  constructor(x,y){
    this.x=x; this.y=y;
    this.stumbleTimer=0
    this.angle=0
  }
  update(){
    this.stumbleTimer -= 0.016
    if(this.stumbleTimer <= 0){
      // TRIP!
      this.stumbleTimer = Math.random()*1.5 + 0.3
      this.vx = (Math.random()-0.5)*20 // random stumble force
      this.angle = (Math.random()-0.5)*2
    }
    this.angle += Math.sin(Date.now()/200)*0.1 // wobble
  }
}

const respawn = new RespawnSystem()
window.addEventListener('keydown', e=>{
  if(e.key.toLowerCase() === 'r') respawn.respawn()
})
</script>
</body>
</html>
Editor is loading...