AskaEth/TurboSu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: triple gauge tick thickness (54x18px)

Browse Source
This commit is contained in:
AskaEth
2026-07-25 17:15:21 +08:00
parent 8e58e96d78
commit 2e59b45f70
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboards/forza_composite/index.html
+2 -2
View File
@@ -101,7 +101,7 @@ const M={aspect_ratio:"16:9",render_mode:"contain"};let GAME_ID='';
max=max||8000;cur=cur||0;sz(); max=max||8000;cur=cur||0;sz();
const W=canvas.width/devicePixelRatio,H=canvas.height/devicePixelRatio; const W=canvas.width/devicePixelRatio,H=canvas.height/devicePixelRatio;
ctx.clearRect(0,0,W,H); ctx.clearRect(0,0,W,H);
const tw=Math.max(18,W/32),th=Math.max(6,H/70),gap=Math.max(1,tw*.12); const tw=Math.max(54,W/11),th=Math.max(18,H/24),gap=Math.max(2,tw*.06);
// bg ticks // bg ticks
for(let i=0;i<N;i++){const p=tp(i);ctx.save();ctx.translate(p.x,p.y);ctx.rotate(p.r);ctx.fillStyle='rgba(255,255,255,.04)';ctx.fillRect(-tw/2,-th/2,tw-gap,th);ctx.restore()} for(let i=0;i<N;i++){const p=tp(i);ctx.save();ctx.translate(p.x,p.y);ctx.rotate(p.r);ctx.fillStyle='rgba(255,255,255,.04)';ctx.fillRect(-tw/2,-th/2,tw-gap,th);ctx.restore()}
@@ -113,7 +113,7 @@ const M={aspect_ratio:"16:9",render_mode:"contain"};let GAME_ID='';
// scale nums - larger // scale nums - larger
const sx=Ca/640*W,sy=Cb/480*H,sr=Cr/640*W; const sx=Ca/640*W,sy=Cb/480*H,sr=Cr/640*W;
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-54)*Math.cos(a),sy+(sr-54)*Math.sin(a)+4)}
// RPM number - big, high up // RPM number - big, high up
ctx.fillStyle='#fff';ctx.font=`200 ${Math.max(48,W/12)|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';