multipleof4/stain.otf
1
0
Fork 0
mirror of https://github.com/multipleof4/stain.otf.git synced 2026-01-14 08:37:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Redraw uppercase B glyph

Browse Source
This commit is contained in:
multipleof4
2025-11-09 12:36:41 -08:00
parent 8e617dd9c3
commit 2c09fd51e2
1 changed files with 40 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/glyphs/B.js
View File

@@ -1,87 +1,67 @@
const makeGlyph = (opentype, name, unicode, cmds, adv) =>
const makeGlyph=(opentype,name,unicode,cmds,adv)=>
new opentype.Glyph({
name,
unicode,
advanceWidth: adv,
path: cmds(new opentype.Path())
advanceWidth:adv,
path:cmds(new opentype.Path())
});
export const glyphB = (opentype, adv) =>
export const glyphB=(opentype,adv)=>
makeGlyph(
opentype,
"B",
"B".codePointAt(0),
(p) => {
p.moveTo(100, 0);
p.lineTo(100, 700);
p.lineTo(340, 700);
p.curveTo(450, 700, 520, 640, 520, 560);
p.curveTo(520, 500, 480, 450, 420, 430);
p.curveTo(490, 410, 540, 360, 540, 280);
p.curveTo(540, 180, 460, 120, 340, 120);
p.lineTo(100, 120);
p=>{
const s=90;
const x0=110,x1=x0+s;
const top=700,mid=360,bot=0;
const ix=320;
const oTop=560,oMid=520,oBot=bot;
p.moveTo(x0,bot);
p.lineTo(x0,top);
p.lineTo(x1,top);
p.lineTo(x1,bot);
p.close();
p.moveTo(160, 60);
p.lineTo(340, 60);
p.curveTo(490, 60, 600, 140, 600, 280);
p.curveTo(600, 390, 520, 460, 420, 470);
p.lineTo(420, 410);
p.curveTo(460, 410, 460, 360, 460, 360);
p.curveTo(460, 360, 460, 310, 420, 310);
p.lineTo(340, 310);
p.lineTo(340, 370);
p.lineTo(380, 370);
p.curveTo(440, 370, 460, 410, 460, 460);
p.curveTo(460, 510, 440, 550, 380, 550);
p.lineTo(340, 550);
p.lineTo(340, 640);
p.lineTo(340, 640);
p.curveTo(420, 640, 460, 600, 460, 560);
p.curveTo(460, 520, 420, 480, 340, 480);
p.lineTo(160, 480);
p.moveTo(ix,top);
p.curveTo(oTop,top,oTop-10,top-70,oTop-40,top-120);
p.curveTo(oTop-70,top-180,ix+40,mid+80,ix,mid+80);
p.lineTo(x1,mid+80);
p.lineTo(x1,top- s/2);
p.close();
p.moveTo(160, 60);
p.lineTo(340, 60);
p.curveTo(430, 60, 480, 110, 480, 180);
p.lineTo(480, 280);
p.curveTo(480, 350, 430, 400, 340, 400);
p.lineTo(160, 400);
p.close();
p.moveTo(160, 460);
p.lineTo(330, 460);
p.curveTo(410, 460, 460, 500, 460, 560);
p.curveTo(460, 620, 410, 640, 330, 640);
p.lineTo(160, 640);
p.moveTo(ix,mid);
p.curveTo(oMid,mid,oMid+40,mid-80,oMid+40,mid-150);
p.curveTo(oMid+40,200,oMid-40,120,ix,120);
p.lineTo(x1,120);
p.lineTo(x1,mid);
p.close();
return p;
},
adv
);
export const glyphb = (opentype, adv) =>
export const glyphb=(opentype,adv)=>
makeGlyph(
opentype,
"b",
"b".codePointAt(0),
(p) => {
p.moveTo(100, 0);
p.lineTo(100, 720);
p.lineTo(160, 720);
p.lineTo(160, 440);
p.curveTo(200, 470, 250, 490, 310, 490);
p.curveTo(430, 490, 520, 400, 520, 280);
p.curveTo(520, 160, 430, 70, 310, 70);
p.curveTo(250, 70, 200, 90, 160, 120);
p.lineTo(160, 0);
p=>{
p.moveTo(100,0);
p.lineTo(100,720);
p.lineTo(160,720);
p.lineTo(160,440);
p.curveTo(200,470,250,490,310,490);
p.curveTo(430,490,520,400,520,280);
p.curveTo(520,160,430,70,310,70);
p.curveTo(250,70,200,90,160,120);
p.lineTo(160,0);
p.close();
p.moveTo(310, 130);
p.curveTo(400, 130, 460, 190, 460, 280);
p.curveTo(460, 370, 400, 430, 310, 430);
p.curveTo(220, 430, 160, 370, 160, 280);
p.curveTo(160, 190, 220, 130, 310, 130);
p.moveTo(310,130);
p.curveTo(400,130,460,190,460,280);
p.curveTo(460,370,400,430,310,430);
p.curveTo(220,430,160,370,160,280);
p.curveTo(160,190,220,130,310,130);
p.close();
return p;
},
adv
);