// HACKER NEWS — CYBERSECURITY
The Three-Stroke Problem
When three kinds of strokes entangle with each other, the resulting design system is chaotic for most initial conditions. Let's go through the stroke rendering in design software.
This is the statement of the well-known physics problem used to explain the instability and chaotic nature of three celestial bodies. The three-body problem shows that, according to Newtonian mechanics, the way these three bodies interact with one another is unpredictable and causes a rapid growth of uncertainty
It strikes me as a great analogy for some of the challenges we faced in Penpot while migrating to WebGL rendering, with a focus on what I've named "The Three-Stroke Problem". Paraphrasing the original statement, we could say this problem poses the following:
This definition is correct and precise: it's the line that surrounds and delimits a shape. What characterizes this line is that it doesn't have to be a solid line; it can have different styles (dashed, dotted), and the definition also mentions other properties such as size and color.Here's an example of shapes in Penpot using different stroke styles. ([6])
In CSS, the equivalent would be the border property. Its main properties can be used like this: border: