2025–02–18
1403/11/30
ANNO·​VICESIMO·​NONO·​DIE·​QVADRAGESIMO·​PRIMO·​VITÆ·​POVYA
Reverse Engineering Mac's Icon Template

Generating The Mac Icon Template (1/4) — The Mac icon shape is a complex thing. For a while I tried to find its formula, but then I had this idea: Find the shape from the design templates and convert it to code. So this is the first part: Extracted shape from the Sketch Design template. (Figuring Out Mac's Icon Shape)

Reverse Engineering Mac's Icon Template

Generating The Mac Icon Template (2/4) — I then used the Glamorous Toolkit to explore it and learn Smalltalk a bit. This is my very first useful smalltalk code converting SVG Path Curve commands into SwiftUI path directives. (Figuring Out Mac's Icon Shape)

Reverse Engineering Mac's Icon Template

Generating The Mac Icon Template (3/4) — With that I had a full template in Swift to actually mask images into a Mac icon template. (Figuring Out Mac's Icon Shape) (from Icon Designs collection)

Reverse Engineering Mac's Icon Template

Generating The Mac Icon Template (4/4) — And here is the final icon. Looking exactly like its peers, different only that I generated it on the fly. (Figuring Out Mac's Icon Shape)