gat

💰 Money: <span id="money">0</span> 🚗 Vehicle: <span id="vehicle">Walking</span> 📍 Mission: <span id="mission">None</span> ⏱️ Time: <span id="time">60</span>s 

// Parked cars cars = [ {x:120,y:210,w:40,h:24,c:'#e63946',dx:0,dy:0}, {x:360,y:210,w:40,h:24,c:'#457b9d',dx:0,dy:0}, {x:620,y:210,w:40,h:24,c:'#2a9d8f',dx:0,dy:0}, {x:120,y:490,w:40,h:24,c:'#f4a261',dx:0,dy:0}, {x:620,y:490,w:40,h:24,c:'#9b5de5',dx:0,dy:0} ]; // Money pickups spawnPickup(); newMission(); 

let moveX=0, moveY=0; let speed = player.inCar ? 5 : player.speed; if(keys['ArrowUp']) moveY=-speed; if(keys['ArrowDown']) moveY=speed; if(keys['ArrowLeft']) moveX=-speed; if(keys['ArrowRight']) moveX=speed; // Enter/Exit car if(keys['e'] || keys['E']) { keys['e']=keys['E']=false; if(!player.inCar) { for(let c of cars) { let dist = Math.hypot(player.x-c.x, player.y-c.y); if(dist < 40) { player.inCar = true; player.car = c; c.dx=0; c.dy=0; break; } } } else { player.inCar = false; player.x = player.car.x + 30; player.y = player.car.y; player.car = null; } } // Movement if(player.inCar) { player.car.x += moveX; player.car.y += moveY; // Boundaries player.car.x = Math.max(0, Math.min(canvas.width-player.car.w, player.car.x)); player.car.y = Math.max(0, Math.min(canvas.height-player.car.h, player.car.y)); player.x = player.car.x; player.y = player.car.y; } else { let nx = player.x + moveX; let ny = player.y + moveY; if(!checkBuildingCollision({x:nx,y:player.y,w:player.w,h:player.h})) player.x=nx; if(!checkBuildingCollision({x:player.x,y:ny,w:player.w,h:player.h})) player.y=ny; player.x = Math.max(0, Math.min(canvas.width-player.w, player.x)); player.y = Math.max(0, Math.min(canvas.height-player.h, player.y)); } // Pick up money pickups = pickups.filter(p=>{ if(player.x < p.x+p.w && player.x+player.w > p.x && player.y < p.y+p.h && player.y+player.h > p.y) { money += p.value; return false; } return true; }); if(gameTime % 180 === 0) spawnPickup(); // Complete mission if(keys[' '] && mission) { let b = checkBuildingCollision({x:player.x,y:player.y,w:player.w,h:player.h}); if(b && b.n === mission.target) { money += mission.reward; missionText = 'Complete! +$'+mission.reward; mission=null; setTimeout(newMission, 1500); } keys[' ']=false; } updateUI(); 

// Roads roads.forEach(r=>{ ctx.fillStyle='#444'; ctx.fillRect(r.x,r.y,r.w,r.h); ctx.strokeStyle='#fff'; ctx.setLineDash([30,20]); ctx.lineWidth=2; ctx.beginPath(); if(r.h>r.w) { ctx.moveTo(r.x+r.w/2,r.y); ctx.lineTo(r.x+r.w/2,r.y+r.h); } else { ctx.moveTo(r.x,r.y+r.h/2); ctx.lineTo(r.x+r.w,r.y+r.h/2); } ctx.stroke(); ctx.setLineDash([]); }); // Buildings buildings.forEach(b=>{ ctx.fillStyle=b.c; ctx.fillRect(b.x,b.y,b.w,b.h); ctx.strokeStyle='#222'; ctx.lineWidth=3; ctx.strokeRect(b.x,b.y,b.w,b.h); ctx.fillStyle='#fff'; ctx.font='12px Arial'; ctx.fillText(b.n, b.x+8, b.y+18); // Windows ctx.fillStyle='#ffff99'; for(let i=0;i<Math.floor(b.w/40);i++) { for(let j=0;j<Math.floor(b.h/35);j++) { if(Math.random()>0.3) ctx.fillRect(b.x+10+i*40, b.y+25+j*35,12,15); } } }); // Money pickups pickups.forEach(p=>{ ctx.font='20px Arial'; ctx.fillText('💰',p.x-2,p.y+16); }); // Cars cars.forEach(c=>{ ctx.fillStyle=c.c; ctx.fillRect(c.x,c.y,c.w,c.h); ctx.fillStyle='#222'; ctx.fillRect(c.x+4,c.y+4,c.w-8,c.h-8); ctx.fillStyle='#fff'; ctx.font='11px Arial'; ctx.fillText('🚗',c.x+8,c.y+18); }); // Player if(!player.inCar) { ctx.font='26px Arial'; ctx.fillText('🧍',player.x-4,player.y+26); } // Mission arrow if(mission) { let tgt = buildings.find(b=>b.n===mission.target); if(tgt) { ctx.strokeStyle='#ffff00'; ctx.lineWidth=3; ctx.beginPath(); ctx.moveTo(player.x+12, player.y+16); ctx.lineTo(tgt.x+tgt.w/2, tgt.y+tgt.h/2); ctx.stroke(); } }