ห้ารูปทรงในกรอบเดียว
เครื่องหมายข้างบนไม่ใช่รูปภาพ — มันถูกวาดสด ๆ ทีละพิกเซลจากสมการ บนสี่เหลี่ยมจัตุรัสด้านละ 12 หน่วย
| รูปทรง | กฎ |
|---|---|
| สี่เหลี่ยมจัตุรัส | กรอบ (0, 0) ถึง (12, 12) |
| วงกลม | แนบในกรอบ จุดศูนย์กลาง (6, 6) รัศมี 6 |
| สามเหลี่ยม | ยอด (6, 0) ฐานคือขอบล่าง |
| ห้าเหลี่ยม | ห้าเหลี่ยมด้านเท่าที่สูงเท่ากรอบ แล้วบีบให้กว้าง 12 |
| หกเหลี่ยม | (3,0) (9,0) (12,6) (9,12) (3,12) (0,6) |
พอบีบห้าเหลี่ยมให้เต็มกรอบ จุดยอดด้านข้างตกที่ความสูง 6(3 − √5) และมุมล่างอยู่ที่ 6 ± 6/φ — อัตราส่วนทองคำโผล่มาเองโดยไม่ได้ตั้งใจ
วาดให้คม
แต่ละพิกเซลสว่างเท่ากับส่วนที่เส้นคลุมพิกเซลนั้นจริง ๆ ถ้า d คือระยะจากกลางพิกเซลถึงเส้น และ w คือความหนาของเส้น (หน่วยพิกเซล):
α(d) = clamp( min(d + ½, w/2) − max(d − ½, −w/2), 0, 1 )แล้วจัดขอบสี่เหลี่ยมให้ตรงกลางพิกเซลพอดี แบบเดียวกับที่ฟอนต์ทำ — เส้นตรงจึงคมหนึ่งพิกเซล ไม่เบลอเป็นสอง
บันทึกนี้เป็นไฟล์ .mdx เพราะต้องฝังเครื่องหมายที่วาดสดไว้กลางเนื้อหา บันทึกอื่นเป็น .md ธรรมดา