style: enlarge RPM number, move up half screen height

This commit is contained in:
2026-07-25 17:11:19 +08:00
parent f2fccf09b4
commit 501aea49a7
+4 -4
View File
@@ -115,11 +115,11 @@ const M={aspect_ratio:"16:9",render_mode:"contain"};let GAME_ID='';
ctx.fillStyle='rgba(255,255,255,.2)';ctx.font=`${Math.max(12,W/42)|0}px sans-serif`;ctx.textAlign='center'; ctx.fillStyle='rgba(255,255,255,.2)';ctx.font=`${Math.max(12,W/42)|0}px sans-serif`;ctx.textAlign='center';
for(let r=0;r<=max;r+=2000){const p=r/max,a=d2r(As+(Ae-As)*p);ctx.fillText(Math.round(r/1000),sx+(sr-42)*Math.cos(a),sy+(sr-42)*Math.sin(a)+4)} for(let r=0;r<=max;r+=2000){const p=r/max,a=d2r(As+(Ae-As)*p);ctx.fillText(Math.round(r/1000),sx+(sr-42)*Math.cos(a),sy+(sr-42)*Math.sin(a)+4)}
// RPM number - larger // RPM number - big, high up
ctx.fillStyle='#fff';ctx.font=`200 ${Math.max(32,W/18)|0}px sans-serif`;ctx.textAlign='center'; ctx.fillStyle='#fff';ctx.font=`200 ${Math.max(48,W/12)|0}px sans-serif`;ctx.textAlign='center';
ctx.fillText(Math.round(cur).toLocaleString(),sx,sy-12); ctx.fillText(Math.round(cur).toLocaleString(),sx,sy-180);
ctx.fillStyle='rgba(255,255,255,.12)';ctx.font=`${Math.max(12,W/44)|0}px sans-serif`; ctx.fillStyle='rgba(255,255,255,.12)';ctx.font=`${Math.max(12,W/44)|0}px sans-serif`;
ctx.fillText('\u00d71000 rpm',sx,sy+10); ctx.fillText('\u00d71000 rpm',sx,sy-155);
// redline // redline
ctx.strokeStyle='rgba(255,40,30,.1)';ctx.lineWidth=1;ctx.setLineDash([3,6]);ctx.beginPath(); ctx.strokeStyle='rgba(255,40,30,.1)';ctx.lineWidth=1;ctx.setLineDash([3,6]);ctx.beginPath();