style: enlarge RPM number, move up half screen height
This commit is contained in:
@@ -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';
|
||||
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
|
||||
ctx.fillStyle='#fff';ctx.font=`200 ${Math.max(32,W/18)|0}px sans-serif`;ctx.textAlign='center';
|
||||
ctx.fillText(Math.round(cur).toLocaleString(),sx,sy-12);
|
||||
// RPM number - big, high up
|
||||
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-180);
|
||||
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
|
||||
ctx.strokeStyle='rgba(255,40,30,.1)';ctx.lineWidth=1;ctx.setLineDash([3,6]);ctx.beginPath();
|
||||
|
||||
Reference in New Issue
Block a user