Pouya Kary's Archive
2025–02–18
1403/11/30
ANNO VICESIMO NONO DIE QUADRAGESIMO PRIMO VITAE POUYAE
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 🞶)