SDF headless tests

It’s time for my annual self review. In last year’s review[1] I said I wanted to improve my site:

When I first wrote my hexagon guide[1] in 2013 I used d3.js[2], which has a nice animation system. I had some trouble with CSS transitions in SVG back then, so I was using Javascript transitions using SVG attributes instead of CSS. This looked something like:

I had previously posted about drawing outlines around fonts. The goal is to make labels easier to read in situations like these:

In the In the last blog postlast blog post I wrote about how I wanted to test the parameters of I wrote about how I wanted to test the parameters of msdfgenmsdfgen[1][1], which generates multi-signed distance fields for fonts and other shapes. While testing the , which generates multi-signed distance fields for fonts and other shapes. While testing the emrangeemrange parameter, I found lots of bugs in my renderer. parameter, I found lots of bugs in my renderer.I also wanted to try out msdfgen’s new I also wanted to try out msdfgen’s new asymmetricasymmetric......

Blog post: 9 Oct 2024 Blog post: 9 Oct 2024Over the last few posts I wrote about things I did to improve font quality, such as Over the last few posts I wrote about things I did to improve font quality, such as antialiasingantialiasing and and combining distance fieldscombining distance fields to merge outlines and halos. But I want to “pop up the stack” a bit and talk about one of the bigger goals for this... to merge outlines and halos. But I want to “pop up the stack” a bit and talk about one of the bigger goals for this...