size:20px;font-weight:bold;margin-bottom:10px;font-family:sans-serif;'; ov.appendChild(title); var cv = document.createElement('canvas'); var SZ = Math.min(window.innerWidth-40, window.innerHeight-120); cv.width = SZ; cv.height = SZ; cv.style.cssText = 'border:2px solid #d8a920;border-radius:10px;'; ov.appendChild(cv); var ctx = cv.getContext('2d'); var MAP = 2400, scale = SZ/MAP, cx = SZ/2, cy = SZ/2; // background ctx.fillStyle = '#0a1a0a'; ctx.fillRect(0, 0, SZ, SZ); // contour lines — sample terrain var step = 20; for(var gx=-MAP/2; gx0){ _metrics.positions.forEach(function(p){ var px = cx+p.x*scale, py = cy+p.z*scale; var grad = ctx.createRadialGradient(px,py,0,px,py,8); grad.addColorStop(0, 'rgba(255,0,0,0.6)'); grad.addColorStop(1, 'rgba(255,0,0,0)'); ctx.fillStyle = grad; ctx.beginPath(); ctx.arc(px, py, 8, 0, Math.PI*2); ctx.fill(); }); } // player if(typeof mePos!=='undefined'){ ctx.fillStyle = '#00ff00'; ctx.beginPath(); ctx.arc(cx+mePos.x*scale, cy+mePos.z*scale, 5, 0, Math.PI*2); ctx.fill(); } // legend var legend = document.createElement('div'); legend.innerHTML = '\u25cf where you have been \u25cf you are \u2014 highways'; legend.style.cssText = 'color:#aaa;font-size:12px;margin-top:10px;font-family:sans-serif;'; ov.appendChild(legend); var hint = document.createElement('div'); hint.innerHTML = 'tap anywhere to close • type "topo" to reopen'; hint.style.cssText = 'color:#666;font-size:11px;margin-top:5px;font-family:sans-serif;'; ov.appendChild(hint); ov.addEventListener('click', function(){ ov.remove(); }); document.body.appendChild(ov); if(typeof codeStatus==='function') codeStatus('topographic map — '+_metrics.positions.length+' tracks'); }catch(e){ if(typeof codeStatus==='function') codeStatus('topo failed'); } } function showMetrics(){ try{ if(typeof codeStatus==='function') codeStatus('metrics: '+_metrics.positions.length+' positions tracked, '+_metrics.fixes+' auto-fixes'); }catch(e){} } /* HIGHWAY GUARDIAN — nothing builds on highways except power lines */ var _highwayPts = [ [[12,0],[50,15],[100,10],[200,30],[400,20],[600,40],[800,60],[1000,50],[1200,70]], [[12,0],[40,-25],[90,-40],[180,-35],[350,-50],[550,-40],[750,-60],[950,-50],[1150,-70]], [[0,12],[-15,50],[-10,100],[-30,200],[-20,400],[-40,600],[-60,800],[-50,1000],[-70,1200]], [[0,12],[20,55],[15,110],[35,220],[30,420],[50,600],[60,800],[70,1000],[80,1180]], [[-12,0],[-50,-15],[-100,-10],[-200,-30],[-400,-20],[-600,-40],[-800,-60],[-1000,-50],[-1200,-70]], [[0,-12],[15,-50],[10,-100],[30,-200],[20,-400],[40,-600],[50,-800],[60,-1000],[70,-1200]], [[60,60],[120,110],[200,100],[280,150],[220,220],[140,200],[80,240]] ]; function isOnHighway(x, z){ try{ for(var r=0; r<_highwayPts.length; r++){ var pts = _highwayPts[r]; for(var i=0; i0 ? Math.max(0, Math.min(1, ((