// Flying car infinite runner - player movement + traffic + fuel const R = require('lib/data/runner.json'); const { makeBuilding } = require('lib/buildings-v2.js'); const { spawnTraffic, spawnTunnelWalls, spawnBuilding, spawnBillboard, spawnFuelPickup, spawnSkybridge, spawnCenterTower, spawnTrafficSide, spawnSkybridgeSide, spawnFuelPickupSide, spawnBatteryPickup, spawnBatteryPickupSide, spawnBarrier } = require('lib/spawners.js'); const { spawnFlames, destroyFlames, spawnCarParts, getViewMode, FLAME_SPEC } = require('lib/car-parts.js'); const FUEL_MAX = 250; const FUEL_DRAIN = 3.5; // per second at base speed, scales with speed const FUEL_PICKUP_AMT = 25; // each canister restores this much const FUEL_SPAWN_INTERVAL = 2.5; const FUEL_DROP_SPEED = 12; // how fast car falls when empty const VIEW_SWITCH_METERS = 3500; // toggle view every N meters const BILLBOARD_INTERVAL = 1000; // spawn billboard every N meters const SHOOT_INTERVAL = 1.0; // seconds between bullets const RAPID_FIRE_INTERVAL = 0.33; // seconds between bullets with battery const RAPID_FIRE_DURATION = 8; // seconds of rapid fire const BATTERY_SPAWN_INTERVAL = 18; // seconds between battery spawns const BULLET_SPEED = 400; // meters per second const BULLET_LIFETIME = 2.0; // seconds before auto-despawn const MAX_LIVES = 3; // each life = 1 heart, supports half-heart (0.5) const BARRIER_SPAWN_INTERVAL = 6.0; // seconds between barrier spawns const BARRIER_HP = 3; // shots to break through cracked section const TUNNEL_DURATION = 12; // seconds of tunnel phase after switching to forward const TUNNEL_WALL_INTERVAL = 0.15; // seconds between tunnel wall segment spawns export function onSpawn(api) { api.setProperty('text', null); api.setProperty('rotation', { yaw: 0 }); spawnCarParts(api); const prev = api.getState(); api.replaceState({ phase: 'loading', loadTimer: 0, alive: true, score: 0, speed: R.startSpeed, bestScore: prev.bestScore || 0, posX: 0, posY: 15, targetX: 0, targetY: 15, gameOver: false, timeSurvived: 0, distanceTravelled: 0, spawnTimer: 0, buildingTimer: 0, cleanupTimer: 0, obstacleTimer: 0, fuel: FUEL_MAX, fuelTimer: 0, fuelEmpty: false, seedQueue: 30, seedIndex: 0, frameTick: 0, viewMode: 'forward', lastViewMode: 'forward', recyclePool: [], cachedTrafficCount: 0, cachedBuildingCount: 0, lastBillboard: 0, lives: MAX_LIVES, }); api.setProperty('feetPosition', { x: 0, y: 15, z: 0 }); } export function update(dt, api) { const s = api.getState(); const frameTick = (s.frameTick || 0) + 1; // Loading phase — stagger building seed if (s.phase === 'loading') { const loadTimer = (s.loadTimer || 0) + dt; const seedQueue = s.seedQueue || 0; const seedIndex = s.seedIndex || 0; const pos = api.getProperty('feetPosition'); const batchSize = Math.min(4, seedQueue); for (let b = 0; b < batchSize; b++) { const i = seedIndex + b; const side = i % 2 === 0 ? 1 : -1; const x = side * (22 + api.random() * 30); const z = pos.z - i * 28 - 20; makeBuilding(api, x, z, {}); } const newIndex = seedIndex + batchSize; const newQueue = seedQueue - batchSize; if (loadTimer >= 3) { for (let i = newIndex; i < newIndex + newQueue; i++) { const side = i % 2 === 0 ? 1 : -1; const x = side * (22 + api.random() * 30); const z = pos.z - i * 28 - 20; makeBuilding(api, x, z, {}); } api.musicShift(null, { fade: 1 }); api.patchState({ phase: 'ready', loadTimer: 3, seedQueue: 0, seedIndex: 0, frameTick }); } else { api.patchState({ loadTimer, seedQueue: newQueue, seedIndex: newIndex, frameTick }); } return; } if (s.phase === 'ready') return; if (!s.alive) { // Fuel-empty death: car drops to ground if (s.fuelEmpty) { const pos = api.getProperty('feetPosition'); const groundY = 0; if (pos.y > groundY + 1) { api.setProperty('feetPosition', { x: pos.x, y: pos.y - FUEL_DROP_SPEED * dt, z: pos.z - (s.speed || 20) * 0.3 * dt }); } else if (!s.gameOver) { api.patchState({ gameOver: true, phase: 'dead' }); api.screenShake(2, 0.8); api.screenFlash('oklch(0.55 0.25 25)', 0.5); api.playSound('/cdn/sfx-explosion-impact.mp3', { volume: 0.9 }); } } return; } const timeSurvived = (s.timeSurvived || 0) + dt; const nitro = !!(s.nitro && s.fuel > 0); const baseSpeed = Math.min(R.maxSpeed, R.startSpeed + R.speedRamp * timeSurvived); const forcedNitro = nitro; const speed = forcedNitro ? baseSpeed * 1.5 : baseSpeed; const distanceTravelled = (s.distanceTravelled || 0) + speed * dt; const score = Math.floor(distanceTravelled); // Fuel drain — scales slightly with speed, 2x during pursuit, 3x during nitro+pursuit let fuel = s.fuel ?? FUEL_MAX; const drainMult = nitro ? 2 : 1; const drainRate = FUEL_DRAIN * (0.7 + baseSpeed / R.maxSpeed * 0.6) * drainMult; fuel = Math.max(0, fuel - drainRate * dt); // Fuel empty — car dies if (fuel <= 0) { const best = Math.max(s.bestScore || 0, score); api.patchState({ alive: false, score, bestScore: best, fuelEmpty: true, timeSurvived, speed, fuel: 0, frameTick, nitro: false }); api.toast('OUT OF FUEL', { duration: 3, color: 'oklch(0.70 0.25 50)' }); api.musicShift(null, { fade: 2 }); api.clearEffect('speedLines'); api.vignette(0); destroyFlames(api); api.patchState({ flamesActive: false }); return; } const pos = api.getProperty('feetPosition'); // If paused for view switch, freeze everything except camera — don't recalculate viewMode let viewSwitchPause = s.viewSwitchPause || 0; if (viewSwitchPause > 0) { viewSwitchPause -= dt; if (viewSwitchPause <= 0) viewSwitchPause = 0; api.patchState({ viewSwitchPause }); return; } // Use debug override if set, otherwise calculate from score const viewMode = s.debugViewOverride || getViewMode(score); const lastViewMode = s.viewMode || 'forward'; // View mode transition — pause the car briefly so the player doesn't crash mid-switch if (viewMode !== lastViewMode) { if (viewMode === 'side') { api.toast('SIDE VIEW', { duration: 2, color: 'oklch(0.70 0.25 280)' }); // Destroy all buildings on +X side (between car and camera) const allBldgs = api.query({ radius: 1500, tags: ['building'], center: { x: 0, y: 15, z: pos.z } }); for (const b of allBldgs) { if (b.feetPosition.x > -5) api.destroy(b.id); } // Destroy all mid-road obstacles (center towers + skybridges) const obstacles = api.query({ radius: 1500, tags: ['obstacle'], center: { x: 0, y: 15, z: pos.z } }); for (const o of obstacles) api.destroy(o.id); // Move all traffic and fuel to x=0 so they're on the player's line const sideScatter = ['traffic', 'fuel-pickup', 'battery-pickup', 'barrier-wall', 'barrier-crack']; for (const tag of sideScatter) { const objs = api.query({ radius: 600, tags: [tag], center: pos }); for (const o of objs) { api.setObjectProperty(o.id, 'feetPosition', { x: 0, y: o.feetPosition.y, z: o.feetPosition.z }); } } } else { api.toast('TUNNEL ZONE', { duration: 2, color: 'oklch(0.70 0.25 195)' }); // Clear any obstacles near the transition zone so the player isn't ambushed const oldObstacles = api.query({ radius: 1500, tags: ['obstacle'], center: { x: 0, y: 20, z: pos.z } }); for (const o of oldObstacles) api.destroy(o.id); // Clear buildings — we're entering a tunnel const oldBuildings = api.query({ radius: 1500, tags: ['building'], center: { x: 0, y: 20, z: pos.z } }); for (const b of oldBuildings) api.destroy(b.id); // Scatter existing traffic and fuel to random lanes so they're spread across the road const scatterTags = ['traffic', 'fuel-pickup', 'battery-pickup', 'barrier-wall', 'barrier-crack']; for (const tag of scatterTags) { const objs = api.query({ radius: 600, tags: [tag], center: pos }); for (const o of objs) { const lane = R.lanes[Math.floor(api.random() * R.lanes.length)]; api.setObjectProperty(o.id, 'feetPosition', { x: lane, y: o.feetPosition.y, z: o.feetPosition.z }); } } } api.screenFlash('oklch(0.60 0.20 280)', 0.3); // Destroy nearby traffic so the player has breathing room const nearTraffic = api.query({ radius: 120, tags: ['traffic'], center: pos }); for (const t of nearTraffic) api.destroy(t.id); // Pause: 1.0s camera transition + 0.25s settle buffer const newPhase = (viewMode === 'forward') ? 'tunnel' : 'open'; const tunnelTimer = (viewMode === 'forward') ? TUNNEL_DURATION : 0; api.patchState({ viewSwitchPause: 0.35, viewMode, obstacleTimer: 0, phase: newPhase, tunnelTimer, tunnelWallTimer: 0 }); return; } // === MOVEMENT === const targetY = s.targetY ?? s.posY ?? 15; const smoothY = targetY; let smoothX; let finalZ; let zOffset = s.zOffset ?? 0; if (viewMode === 'side') { // SIDE MODE: camera moves at speed, car has Z offset within camera frame const camAnchorZ = (s.camAnchorZ ?? pos.z) - speed * dt; // Snap Z offset to target const targetZOff = s.targetZOffset ?? 0; zOffset = Math.max(-40, Math.min(40, targetZOff)); smoothX = 0; finalZ = camAnchorZ + zOffset; } else { // FORWARD MODE: car moves at speed, X snaps to target const newZ = pos.z - speed * dt; const targetX = s.targetX ?? s.posX ?? 0; smoothX = targetX; finalZ = newZ; zOffset = 0; } api.setProperty('feetPosition', { x: smoothX, y: smoothY, z: finalZ }); const dx = viewMode === 'side' ? 0 : ((s.targetX ?? 0) - pos.x); const tiltRoll = Math.max(-25, Math.min(25, dx * -3)); const dy = (s.targetY ?? pos.y) - pos.y; const tiltPitch = Math.max(-15, Math.min(15, dy * 3)); api.setProperty('rotation', { yaw: 0, pitch: tiltPitch, roll: tiltRoll }); // Police siren flash — only during pursuit const sirenPhase = (s.frameTick || 0) % 12 < 6; const sirenOn = false; try { api.setObjectProperty('player-siren-red', 'material', { color: 'oklch(0.60 0.30 25)', emissive: 'oklch(0.65 0.35 25)', emissiveIntensity: sirenOn ? (sirenPhase ? 4 : 0.3) : 0.15 }); api.setObjectProperty('player-siren-blue', 'material', { color: 'oklch(0.55 0.25 250)', emissive: 'oklch(0.60 0.30 250)', emissiveIntensity: sirenOn ? (sirenPhase ? 0.3 : 4) : 0.15 }); } catch(e) {} // Nitro / Pursuit visual feedback — spawn/destroy flames const flamesExist = s.flamesActive || false; if (forcedNitro && fuel > 0) { api.effect('speedLines', { intensity: 0.4, duration: 0.2 }); api.vignette(0.3, 'oklch(0.45 0.25 250)'); if (!flamesExist) { spawnFlames(api); api.patchState({ flamesActive: true }); } } else { api.clearEffect('speedLines'); api.vignette(0); if (flamesExist) { destroyFlames(api); api.patchState({ flamesActive: false }); } } // === SPAWNING (throttled — stagger across frames) === // === TUNNEL PHASE === let phase = s.phase || 'open'; let tunnelTimer = s.tunnelTimer || 0; let tunnelWallTimer = s.tunnelWallTimer || 0; if (phase === 'tunnel') { tunnelTimer -= dt; tunnelWallTimer += dt; // Spawn tunnel wall segments if (tunnelWallTimer >= TUNNEL_WALL_INTERVAL) { tunnelWallTimer -= TUNNEL_WALL_INTERVAL; spawnTunnelWalls(api, finalZ); } if (tunnelTimer <= 0) { // Exit tunnel — clear walls, destroy rogue if still alive phase = 'open'; tunnelTimer = 0; const walls = api.query({ radius: 2000, tags: ['tunnel-wall'], center: { x: 0, y: 20, z: finalZ } }); for (const w of walls) api.destroy(w.id); api.toast('OPEN ROAD', { duration: 2, color: 'oklch(0.70 0.25 280)' }); api.screenFlash('oklch(0.70 0.20 195)', 0.3); // Burst-spawn buildings for (let i = 0; i < 12; i++) { const side = i < 6 ? 1 : -1; const x = side * (22 + api.random() * 30); const z = finalZ - 50 - api.random() * 350; makeBuilding(api, x, z, {}); } } } let lives = s.lives ?? MAX_LIVES; // Recycle pool for traffic — read from state let recyclePool = s.recyclePool || []; // Traffic — boosted during tunnel let spawnTimer = (s.spawnTimer || 0) + dt; const sideMode = viewMode === 'side'; const inTunnel = phase === 'tunnel'; const trafficCapBase = sideMode ? Math.min(10, R.maxTraffic) : (speed >= 150 ? R.maxTraffic * 2 : R.maxTraffic); const trafficCap = inTunnel ? trafficCapBase * 2 : trafficCapBase; const intervalBase = speed >= 150 ? Math.max(0.1, (R.trafficInterval * 0.5) - timeSurvived * 0.001) : Math.max(0.2, R.trafficInterval - timeSurvived * 0.002); const interval = inTunnel ? intervalBase * 0.5 : intervalBase; // Cached traffic count — refresh every 6 frames let cachedTrafficCount = s.cachedTrafficCount || 0; if (frameTick % 6 === 0) { cachedTrafficCount = api.query({ radius: 400, tags: ['traffic'], center: { x: 0, y: 15, z: finalZ } }).length; } if (spawnTimer >= interval) { spawnTimer -= interval; if (cachedTrafficCount < trafficCap) { spawnTraffic(api, finalZ, sideMode, recyclePool); cachedTrafficCount++; } } // Buildings — cached count, refresh every 10 frames (skip in tunnel) let buildingTimer = (s.buildingTimer || 0) + dt; const bldgCap = sideMode ? 20 : R.maxBuildings; let cachedBuildingCount = s.cachedBuildingCount || 0; if (frameTick % 10 === 0) { cachedBuildingCount = api.query({ radius: 400, tags: ['building'], center: { x: 0, y: 15, z: finalZ } }).length; } if (!inTunnel && buildingTimer >= R.buildingSpawnInterval) { buildingTimer -= R.buildingSpawnInterval; if (cachedBuildingCount < bldgCap) { spawnBuilding(api, finalZ, sideMode); cachedBuildingCount++; } } // Obstacles — skip in side mode AND tunnel let obstacleTimer = (s.obstacleTimer || 0) + dt; const obstacleInterval = speed >= 75 ? 1.8 : 2.5; if (!inTunnel && viewMode !== 'side' && speed >= 50 && obstacleTimer >= obstacleInterval) { obstacleTimer -= obstacleInterval; if (speed >= 75 && api.random() > 0.5) { spawnCenterTower(api, finalZ); } else { // Only spawn skybridge if no building is near center lane at spawn Z const spawnZ = finalZ - R.spawnDistance; const nearCenter = api.query({ radius: 80, tags: ['building'], center: { x: 0, y: 20, z: spawnZ } }); const blocked = nearCenter.some(function(b) { return Math.abs(b.feetPosition.x) < 15; }); if (!blocked) { spawnSkybridge(api, finalZ, viewMode); } } } // === TRAFFIC MOVEMENT === // Traffic cars move at their own relative speed. relSpeed > 0 = same direction (slower than player), // relSpeed < 0 = oncoming. Movement is relative: car moves at (speed - relSpeed) in -Z. if (frameTick % 2 === 0) { const allTraffic = api.query({ radius: 500, tags: ['traffic'], center: { x: smoothX, y: smoothY, z: finalZ } }); for (const t of allTraffic) { const rs = (t.state && t.state.relSpeed) || 0; // Effective speed along -Z: player speed minus car's own speed // Same-dir car (relSpeed>0) moves slower than player: effectiveZ = (speed - relSpeed) // Oncoming car (relSpeed<0): effectiveZ = (speed + |relSpeed|) — approaches fast const effectiveSpeed = speed - rs; const tfp = t.feetPosition; api.setObjectProperty(t.id, 'feetPosition', { x: sideMode ? 0 : tfp.x, y: tfp.y, z: tfp.z - effectiveSpeed * dt * 2 }); } } // Check player bullets hitting enemies const pBullets = api.query({ radius: 600, tags: ['bullet'], center: { x: smoothX, y: smoothY, z: finalZ } }); const trafficForBullets = api.query({ radius: 300, tags: ['traffic'], center: { x: smoothX, y: smoothY, z: finalZ } }); for (const b of pBullets) { const bfp = b.feetPosition; let hit = false; // Bullet vs barrier crack if (!hit) { const cracks = api.query({ radius: 60, tags: ['barrier-crack'], center: bfp }); for (const c of cracks) { const cfp = c.feetPosition; const cs = c.state; const chw = cs.hw || 3, chh = cs.hh || 4, chd = cs.hd || 3; if (Math.abs(bfp.x - cfp.x) < chw && Math.abs(bfp.y - (cfp.y + chh)) < chh && Math.abs(bfp.z - cfp.z) < chd) { api.destroy(b.id); const newHp = (cs.hp || 3) - 1; if (newHp <= 0) { // Destroy the crack AND the wall behind it api.destroy(c.id); // Find the barrier wall at same Z const walls = api.query({ radius: 10, tags: ['barrier-wall'], center: cfp }); for (const w of walls) { if (Math.abs(w.feetPosition.z - cfp.z) < 5) api.destroy(w.id); } api.particleBurst(cfp, 'explosion', { scale: 3, color: 'oklch(0.70 0.25 25)' }); api.playSound('/cdn/sfx-explosion-debris.mp3', { volume: 0.6, position: cfp }); api.screenShake(1.0, 0.4); api.toast('BARRIER BREACHED', { duration: 1.5, color: 'oklch(0.75 0.25 195)' }); } else { api.patchObjectState(c.id, { hp: newHp }); api.flash(c.id, { color: 'oklch(0.80 0.30 25)' }); api.shake(c.id, 0.5, 0.3); api.playSound('/cdn/sfx-impact-metal.mp3', { volume: 0.4, position: cfp }); } hit = true; break; } } } // Bullet vs traffic — 5 hits to destroy, lose a life when it explodes for (const t of trafficForBullets) { const tfp = t.feetPosition; const dx = bfp.x - tfp.x, dy = bfp.y - tfp.y, dz = bfp.z - tfp.z; if (Math.sqrt(dx * dx + dy * dy + dz * dz) < 5) { api.destroy(b.id); const tHp = (t.state.hp ?? 5) - 1; if (tHp <= 0) { api.destroy(t.id); api.particleBurst(tfp, 'explosion', { scale: 1.5, color: 'oklch(0.65 0.25 50)' }); api.playSound('/cdn/sfx-explosion-impact.mp3', { volume: 0.5, position: tfp }); lives--; if (lives <= 0) { const best = Math.max(s.bestScore || 0, score); api.patchState({ alive: false, score, bestScore: best, gameOver: true, phase: 'dead', timeSurvived, speed, nitro: false, lives: 0 }); api.screenShake(2, 0.8); api.screenFlash('oklch(0.55 0.25 25)', 0.5); api.clearEffect('speedLines'); api.vignette(0); destroyFlames(api); api.patchState({ flamesActive: false }); api.toast('DISMISSED — TOO MANY CIVILIAN HITS', { duration: 3, color: 'oklch(0.65 0.30 25)' }); return; } api.screenShake(0.8, 0.3); api.toast('CIVILIAN DESTROYED — LIFE LOST (' + lives + ' LEFT)', { duration: 2, color: 'oklch(0.70 0.25 50)' }); } else { api.patchObjectState(t.id, { hp: tHp }); api.flash(t.id, { color: 'oklch(0.70 0.25 50)' }); } hit = true; break; } } } // Fuel pickups let fuelTimer = (s.fuelTimer || 0) + dt; let rapidFireTimer = Math.max(0, (s.rapidFireTimer || 0) - dt); if (fuelTimer >= FUEL_SPAWN_INTERVAL) { fuelTimer -= FUEL_SPAWN_INTERVAL; spawnFuelPickup(api, finalZ, sideMode ? smoothX : null); } // Battery pickups let batteryTimer = (s.batteryTimer || 0) + dt; if (batteryTimer >= BATTERY_SPAWN_INTERVAL && distanceTravelled > 500) { batteryTimer -= BATTERY_SPAWN_INTERVAL; if (sideMode) { spawnBatteryPickupSide(api, smoothX, finalZ); } else { spawnBatteryPickup(api, finalZ, sideMode ? smoothX : null); } } // Barrier walls — shootable blockades let barrierTimer = (s.barrierTimer || 0) + dt; if (barrierTimer >= BARRIER_SPAWN_INTERVAL && distanceTravelled > 300) { barrierTimer -= BARRIER_SPAWN_INTERVAL; spawnBarrier(api, finalZ, smoothX, smoothY, sideMode); } // Billboards — every 1000m const lastBillboard = s.lastBillboard || 0; const nextBillboardAt = (Math.floor(lastBillboard / BILLBOARD_INTERVAL) + 1) * BILLBOARD_INTERVAL; let newLastBillboard = lastBillboard; if (score >= nextBillboardAt) { spawnBillboard(api, finalZ, sideMode); newLastBillboard = nextBillboardAt; } // === COLLISION — single query for everything nearby === // Only run full collision every other frame to halve query cost if (frameTick % 2 === 0) { const nearby = api.query({ radius: 60, anyTags: ['traffic', 'obstacle', 'building', 'fuel-pickup', 'battery-pickup'], center: { x: smoothX, y: smoothY, z: finalZ } }); for (const obj of nearby) { const fp = obj.feetPosition; const hasFuel = obj.tags.indexOf('fuel-pickup') >= 0; const hasBattery = obj.tags.indexOf('battery-pickup') >= 0; const isBuilding = obj.tags.indexOf('building') >= 0; const isObstacle = obj.tags.indexOf('obstacle') >= 0; // Fuel collection if (hasFuel) { const fdx = fp.x - smoothX; const fdy = fp.y - smoothY; const fdz = fp.z - finalZ; if (Math.sqrt(fdx * fdx + fdy * fdy + fdz * fdz) < 3) { fuel = Math.min(FUEL_MAX, fuel + FUEL_PICKUP_AMT); api.destroy(obj.id); api.playSound('/cdn/sfx-powerup-collect.mp3', { volume: 0.6 }); api.particleBurst({ x: fp.x, y: fp.y, z: fp.z }, 'magic', { scale: 1.5, color: 'oklch(0.75 0.25 145)' }); } continue; } // Battery collection if (hasBattery) { const bdx = fp.x - smoothX; const bdy = fp.y - smoothY; const bdz = fp.z - finalZ; if (Math.sqrt(bdx * bdx + bdy * bdy + bdz * bdz) < 3) { api.destroy(obj.id); api.playSound('/cdn/sfx-powerup-collect.mp3', { volume: 0.6, pitch: 1.4 }); api.particleBurst({ x: fp.x, y: fp.y, z: fp.z }, 'electric', { scale: 1.5, color: 'oklch(0.70 0.25 250)' }); api.toast('⚡ RAPID FIRE', { duration: 2, color: 'oklch(0.65 0.25 250)' }); rapidFireTimer = RAPID_FIRE_DURATION; } continue; } // Building collision — AABB if (isBuilding) { const bs = obj.state || {}; const bw = (bs.bw || 10) / 2; const bd = (bs.bd || 10) / 2; const bh = bs.bh || 60; if (Math.abs(smoothX - fp.x) < bw && smoothY < bh && smoothY > 0 && Math.abs(finalZ - fp.z) < bd) { const best = Math.max(s.bestScore || 0, score); api.patchState({ alive: false, score, bestScore: best, gameOver: true, phase: 'dead', timeSurvived, speed, nitro: false }); api.screenShake(2, 0.8); api.screenFlash('oklch(0.55 0.25 25)', 0.5); api.playSound('/cdn/sfx-explosion-impact.mp3', { volume: 0.9 }); api.clearEffect('speedLines'); api.vignette(0); destroyFlames(api); api.patchState({ flamesActive: false }); return; } continue; } // Obstacle collision — box check if (isObstacle) { const os = obj.state || {}; const hw = (os.hw || 15); const hh = (os.hh || 1.5); const hd = (os.hd || 2); if (Math.abs(smoothX - fp.x) < hw && Math.abs(smoothY - fp.y) < hh && Math.abs(finalZ - fp.z) < hd) { const best = Math.max(s.bestScore || 0, score); api.patchState({ alive: false, score, bestScore: best, gameOver: true, phase: 'dead', timeSurvived, speed, nitro: false }); api.screenShake(1.5, 0.6); api.screenFlash('oklch(0.55 0.25 25)', 0.4); api.playSound('/cdn/sfx-explosion-impact.mp3', { volume: 0.8 }); api.clearEffect('speedLines'); api.vignette(0); destroyFlames(api); api.patchState({ flamesActive: false }); return; } continue; } // Traffic collision — lose a life const ddx = fp.x - smoothX; const ddy = fp.y - smoothY; const ddz = fp.z - finalZ; if (Math.sqrt(ddx * ddx + ddy * ddy + ddz * ddz) < R.hitRadius) { lives--; if (lives <= 0) { const best = Math.max(s.bestScore || 0, score); api.patchState({ alive: false, score, bestScore: best, gameOver: true, phase: 'dead', timeSurvived, speed, nitro: false, lives: 0 }); api.screenShake(2, 0.8); api.screenFlash('oklch(0.55 0.25 25)', 0.5); api.playSound('/cdn/sfx-explosion-impact.mp3', { volume: 0.9 }); api.clearEffect('speedLines'); api.vignette(0); destroyFlames(api); api.patchState({ flamesActive: false }); api.toast('WRECKED — NO LIVES LEFT', { duration: 3, color: 'oklch(0.65 0.30 25)' }); return; } api.screenShake(1.2, 0.4); api.screenFlash('oklch(0.55 0.25 25)', 0.3); api.playSound('/cdn/sfx-explosion-impact.mp3', { volume: 0.6 }); api.toast('CRASH — ' + lives + ' LIVES LEFT', { duration: 2, color: 'oklch(0.70 0.25 50)' }); } } } // Cleanup behind player — every 0.5s, max 2 destroys per pass to spread load // Move bullets forward and despawn expired ones const bullets = api.query({ radius: 600, tags: ['bullet'], center: { x: smoothX, y: smoothY, z: finalZ } }); for (const b of bullets) { const bs = b.state; const life = (bs.life || 0) - dt; if (life <= 0) { api.destroy(b.id); continue; } const spd = bs.spd || BULLET_SPEED; const fp = b.feetPosition; if (bs.sideMode) { // Side mode: player bullet still travels forward (-Z), same as third person api.setObjectProperty(b.id, 'feetPosition', { x: fp.x, y: fp.y, z: fp.z - spd * dt }); } else { api.setObjectProperty(b.id, 'feetPosition', { x: fp.x, y: fp.y, z: fp.z - spd * dt }); } api.patchObjectState(b.id, { life }); } // Traffic gets recycled (teleported forward by spawnTraffic), buildings/obstacles get destroyed let cleanupTimer = (s.cleanupTimer || 0) + dt; if (cleanupTimer >= 0.5) { cleanupTimer = 0; const allObj = api.query({ radius: 500, anyTags: ['building', 'obstacle', 'fuel-pickup', 'battery-pickup', 'traffic', 'billboard', 'sign-text', 'bullet'], center: { x: 0, y: 20, z: finalZ } }); let destroyed = 0; for (const obj of allObj) { const behind = obj.feetPosition.z > finalZ + R.despawnDistance; const sideStray = sideMode && obj.tags.indexOf('building') >= 0 && obj.feetPosition.x > -5; if (!behind && !sideStray) continue; // Traffic: add to recycle pool instead of destroying if (obj.tags.indexOf('traffic') >= 0) { if (behind && recyclePool.indexOf(obj.id) < 0) { // Park it far away while waiting to be recycled api.setObjectProperty(obj.id, 'feetPosition', { x: 9999, y: -100, z: 9999 }); recyclePool.push(obj.id); } continue; } // Buildings/obstacles/fuel/billboards: destroy (capped) if (destroyed < 3) { api.destroy(obj.id); destroyed++; } } // Cap pool size — destroy excess while (recyclePool.length > 20) { const old = recyclePool.shift(); try { api.destroy(old); } catch(e) {} } } api.patchState({ score, speed, timeSurvived, fuel, distanceTravelled, spawnTimer, buildingTimer, cleanupTimer, obstacleTimer, cachedTrafficCount, cachedBuildingCount, fuelTimer, posX: smoothX, posY: smoothY, zOffset, camAnchorZ: viewMode === 'side' ? (s.camAnchorZ ?? pos.z) - speed * dt : pos.z, viewMode, lastViewMode, frameTick, recyclePool, lastBillboard: newLastBillboard, shootTimer: Math.max(0, (s.shootTimer || 0) - dt), rapidFireTimer, batteryTimer, barrierTimer, phase, tunnelTimer, tunnelWallTimer, lives }); } export function onInput(input, api) { const s = api.getState(); if (s.phase === 'ready') { const mx = (input.axes.moveX ?? 0) + (input.axes.arrowX ?? 0); const mz = (input.axes.moveZ ?? 0) + (input.axes.arrowZ ?? 0); if (Math.abs(mx) > 0.1 || Math.abs(mz) > 0.1 || input.actions.restart || input.actions.start || input.actions.nitro) { api.patchState({ phase: 'playing' }); api.musicShift('/cdn/music-cyberpunk-battle-high-stakes-xd15a3bb.mp3', { fade: 1.5, volume: 0.5 }); api.playSound('/cdn/sfx-whoosh-fast.mp3', { volume: 0.5 }); api.playSound('/cdn/sfx-police-siren-short.mp3', { volume: 0.3 }); // Spawn intro biker zooming from behind const pos = api.getProperty('feetPosition'); api.announce('SUSPECT DETECTED', { style: 'warning', color: 'oklch(0.70 0.30 25)', duration: 2 }); } return; } if (input.actions.restart && s.gameOver) { // Clear traffic, obstacles, fuel, sign-text, and all old buildings const objs = api.query({ radius: 5000, anyTags: ['traffic', 'obstacle', 'fuel-pickup', 'battery-pickup', 'sign-text', 'building', 'bullet', 'tunnel-wall'], center: api.getProperty('feetPosition') }); for (const obj of objs) api.destroy(obj.id); const pos = api.getProperty('feetPosition'); api.setProperty('feetPosition', { x: 0, y: 15, z: pos.z }); spawnCarParts(api); // Seed fresh buildings around restart point for (let i = 0; i < 30; i++) { const side = i % 2 === 0 ? 1 : -1; const x = side * (22 + api.random() * 30); const z = pos.z - i * 28 - 20; makeBuilding(api, x, z, {}); } api.replaceState({ phase: 'ready', alive: true, score: 0, speed: R.startSpeed, bestScore: s.bestScore || 0, posX: 0, posY: 15, targetX: 0, targetY: 15, gameOver: false, timeSurvived: 0, distanceTravelled: 0, spawnTimer: 0, buildingTimer: 0, cleanupTimer: 0, obstacleTimer: 0, fuel: FUEL_MAX, fuelTimer: 0, fuelEmpty: false, seedQueue: 0, seedIndex: 0, frameTick: 0, viewMode: 'forward', lastViewMode: 'forward', recyclePool: [], cachedTrafficCount: 0, cachedBuildingCount: 0, lastBillboard: 0, shootTimer: 0, lives: MAX_LIVES }); return; } if (!s.alive || (s.phase !== 'playing' && s.phase !== 'tunnel' && s.phase !== 'open')) return; // Debug view toggle if (input.actions.debugView) { const cur = s.viewMode || 'forward'; const next = cur === 'forward' ? 'side' : 'forward'; api.patchState({ debugViewOverride: next }); } // Nitro boost — hold shift const nitroHeld = !!(input.actions.nitro); api.patchState({ nitro: nitroHeld }); // Shooting — hold left click const shootHeld = !!(input.actions.shoot); const shootTimer = (s.shootTimer || 0); if (shootHeld && shootTimer <= 0) { const pos = api.getProperty('feetPosition'); const viewMode = s.viewMode || 'forward'; const speed = s.speed || R.startSpeed; // Bullet spawns at car position, always travels forward (-Z) const bx = pos.x; const by = pos.y + 0.8; const bz = pos.z - 4.5; api.spawn({ tags: ['bullet', 'runner-obj'], state: { dir: 'z', spd: BULLET_SPEED + speed, life: BULLET_LIFETIME }, properties: { primitive: { kind: 'cylinder', radius: 0.12, height: 1.8 }, material: { color: 'oklch(0.85 0.20 195)', emissive: 'oklch(0.90 0.25 195)', emissiveIntensity: 3 }, feetPosition: { x: bx, y: by, z: bz }, rotation: { pitch: 90 }, physics: 'none' } }); api.playSound('/cdn/sfx-laser-shot.mp3', { volume: 0.3, pitch: 1.2 }); const rfActive = (s.rapidFireTimer || 0) > 0; api.patchState({ shootTimer: rfActive ? RAPID_FIRE_INTERVAL : SHOOT_INTERVAL }); } const mx = (input.axes.moveX ?? 0) + (input.axes.arrowX ?? 0); const mz = (input.axes.moveZ ?? 0) + (input.axes.arrowZ ?? 0); const viewMode = s.viewMode || 'forward'; const posX = s.posX ?? 0; const posY = s.posY ?? 15; const laneLimit = 14; // Pointer-driven: map screen cursor directly to play area const ptr = input.pointer; const hasPointer = ptr && ptr.ndcX !== undefined && ptr.ndcY !== undefined; if (viewMode === 'side') { const keyZ = -(mx * 1.2); const keyY = mz * 0.9; const curZOff = s.zOffset ?? 0; if (hasPointer) { // NDC X -> Z offset (negated: screen-right = -Z in side cam), NDC Y -> Y position, no bounds const targetZOffset = -ptr.ndcX * 40; const targetY = R.minY + ((ptr.ndcY + 1) / 2) * (R.maxY - R.minY); api.patchState({ targetZOffset, targetY }); } else { const targetZOffset = curZOff + keyZ; const targetY = posY + keyY; api.patchState({ targetZOffset, targetY }); } } else { const keyX = mx * 1.2; const keyY = mz * 0.9; if (hasPointer) { // NDC X -> car X, NDC Y -> car Y — direct 1:1 mapping, no bounds const targetX = ptr.ndcX * laneLimit; const targetY = R.minY + ((ptr.ndcY + 1) / 2) * (R.maxY - R.minY); api.patchState({ targetX, targetY }); } else { const targetX = posX + keyX; const targetY = posY + keyY; api.patchState({ targetX, targetY }); } } }