Squircle Mathematics Explorer [EN/PT Interactive]

Creative Coding for Designers: Understanding the Squircle You don’t need to be a developer to build with code. If you already think in design systems, you’re closer than you think. I’m a designer who loves creative coding, and I keep noticing the same pattern: Designers understand code faster when it’s explained like a design system. Developers understand design faster when the intent is made explicit. In this post, I’ll walk you through a small CodePen I built: Squircle Mathematics Explorer . What is a squircle? A squircle is the shape that lives between a circle and a square. You’ve seen it everywhere. One of the most famous examples is the Apple app icon. Image from Apple Design Resources (icon templates). The math behind it has a long history: Gabriel Lamé described the superellipse in 1818. Piet Hein later popularized it. Apple made it iconic through the app icon grid. 1) The big idea: one variable controls everything $$ |x|^n + |y|^n = 1 $$ The only thing that changes is the valu