Triangles at work: GPU rendering shapes and connectors in Confluence whiteboards

This post details the technical implementation of rendering shapes and connectors in Confluence whiteboards using a WebGL graphics pipeline. It explains the challenges of rendering rounded shapes, the concept of polygon triangulation, and the specific techniques used for defining and rounding shape corners. It also covers how shapes are resized by scaling corners based on interior angle changes, utilizing vertex shaders for GPU-based transformations. The post further elaborates on rendering hollow shapes by using normal vectors to define the inner hole geometry and introduces the rendering of dynamic connectors with smoothly rendered arcs.