How to Render Rounded Rectangles in WebGL Using Signed Distance Fields

This article explains how to use WebGL shaders and signed distance functions to draw rectangles and rounded rectangles, covering basic shader setup, SDF formulas for circles, boxes, and rounded boxes, and applying antialiasing techniques to achieve smooth edges for dynamic UI cards.

AntialiasingRounded RectangleShader

0 likes · 16 min read

How to Render Rounded Rectangles in WebGL Using Signed Distance Fields

Laravel Tech Community

Jul 26, 2021 · Backend Development

PHP imageantialias Function: Usage, Parameters, and Example

The article explains PHP’s GD library function imageantialias, detailing its purpose, parameters, return values, limitations such as lack of alpha support, and provides a complete example that creates two images, toggles antialiasing, draws lines, merges them, and outputs a PNG.

AntialiasingGD libraryImage Processing

0 likes · 3 min read

PHP imageantialias Function: Usage, Parameters, and Example

Amap Tech

Aug 6, 2019 · Fundamentals

Off‑Screen Rendering Optimization for Car Navigation Maps Using Anti‑Aliasing FBO

By employing off‑screen rendering with an anti‑aliased Frame Buffer Object for stable map views such as the eagle‑eye mini‑map, the car navigation engine dramatically cuts CPU load and eliminates frame‑rate drops, reusing a single texture and following a concise FBO creation, rendering, resolve, and discard workflow.

AntialiasingCarNavigationFBO

0 likes · 8 min read

Off‑Screen Rendering Optimization for Car Navigation Maps Using Anti‑Aliasing FBO