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';
|
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();
|
||||||
|
|||||||
Reference in New Issue
Block a user