Patrick Walton
6e13fb171c
Use a lookup table to do area calculations instead of Loop-Blinn-style
...
distance-to-edge for stencil analytic antialiasing.
This improves the rendering quality of stencil AAA significantly.
Additionally, this adds an approximation of Core Graphics' (macOS')
defringing filter.
Closes #73 .
2018-03-19 14:35:36 -07:00
Patrick Walton
64c818e530
Construct meshes independently of mesh libraries (renamed to "mesh
...
packs").
This fits in better with the way WebRender does things. It simplifies
the code too.
2018-03-08 15:10:29 -08:00
Patrick Walton
a84b7c7cbd
Replace ECAA with "Stencil AAA", a distance-based antialiasing
...
technique similar to the new MCAA.
This new technique simplifies the code significantly by unifying lines,
curves, and transformed curves. Blog posts forthcoming.
2018-02-17 10:45:25 -08:00
Patrick Walton
30062aea81
Expose emboldening in the demo UI
2017-12-03 17:28:30 -08:00
Patrick Walton
1de0378f1e
Get rotation working in the text demo.
...
There are some known artefacts when zoomed in heavily in XCAA mode.
2017-11-30 16:08:15 -08:00
Patrick Walton
95a1dd0195
Eliminate the distinction between layout and display pixels per unit
2017-11-30 09:51:07 -08:00
Patrick Walton
86df78f939
Flesh out the integration test more
2017-11-17 17:06:59 -08:00
Patrick Walton
2578298198
More work on the integration test
2017-11-13 17:23:03 -08:00
Patrick Walton
2e90b3bce8
Multiply stem darkening amounts by sqrt(2).
...
This compensates for the fact that macOS dilation is relative to the pixel square, while our dilation is relative to each vertex normal.
2017-11-11 11:29:52 -08:00
Patrick Walton
ceb9d2bb80
Tweak the max stem darkening ppem to avoid a "pop" when zooming
2017-11-11 09:41:21 -08:00
Patrick Walton
d90d3af21b
Fix swapped min/max stem darkening amounts
2017-11-11 09:38:28 -08:00
Patrick Walton
997e9b852a
Round x-heights naturally instead of rounding up.
...
I think this matches what macOS does.
2017-11-07 17:39:29 -08:00
Patrick Walton
e5b76726d9
Use the LUT to gamma correct text, and fix stem darkening math
2017-11-07 17:24:19 -08:00
Patrick Walton
314185684c
Implement stem darkening and split ECAA into ECAA and MCAA.
...
We now implement stem darkening (also known as font dilation) like
macOS and FreeType under certain configurations. This pushes out font
outlines along their normals slightly in order to make small text easier
to read. This is especially important when performing gamma correction,
as otherwise text can end up too light.
Because the stem darkening is implemented in the vertex shader, it can
easily break the mesh. Therefore, I needed to implement a new rendering
mode that does not use the mesh. It's a variant of ECAA, and for
clarity's sake I've renamed the related antialiasing methods:
* MCAA stands for "mesh coverage antialiasing" and is the new name for
what was called "ECAA" prior to this patch.
* ECAA now stands for "edge coverage antialiasing". It does not use the
mesh but rather computes winding numbers from scratch for every pixel.
Surprisingly, despite being worse asymptotically, this usually ends up
being faster than MCAA at small font sizes, presumably because there are
fewer vertices to transform.
* XCAA, "exact coverage antialiasing" is a generic term that refers to
both ECAA and MCAA. References to ECAA have been changed to XCAA as
needed.
2017-10-15 13:28:49 -07:00
Patrick Walton
b631fec80f
Cache font mesh libraries on the server
2017-10-02 19:58:38 -07:00
Patrick Walton
7bbd02ed85
Send mesh libraries to the client in raw binary instead of Base64 and JSON
2017-10-02 16:31:54 -07:00
Patrick Walton
f3f893302a
Introduce a simple file format for serializing meshes, and use it in the demo
2017-10-02 15:17:21 -07:00
Patrick Walton
60ff71be84
Add an experimental implementation of macOS-like font dilation
...
Following Apple's earlier terminology, this is exposed as "strong"
subpixel AA.
2017-09-29 22:12:24 -07:00
Patrick Walton
99f6f2a104
Snap stems up to the nearest pixel when hinting
2017-09-29 18:02:33 -07:00
Patrick Walton
08b9afdca9
Implement subpixel glyph positioning in the text demo
2017-09-29 11:58:16 -07:00
Patrick Walton
37a88dfcd9
Use the Inter UI font in the demo
2017-09-28 15:23:52 -07:00
Patrick Walton
e8135fbfe0
TSLint the demo
2017-09-28 14:34:48 -07:00
Patrick Walton
1675944dfb
Rewrite the text run and glyph store classes for simplicity
2017-09-28 09:48:05 -07:00
Patrick Walton
17b34685a1
Factor mesh expansion out of the glyph store
2017-09-26 18:55:47 -07:00
Patrick Walton
b6c6c70ef0
Benchmark the server-side partitioning
2017-09-26 15:38:50 -07:00
Patrick Walton
6b0c215148
Get ECAA working in the benchmark
2017-09-26 13:32:22 -07:00
Patrick Walton
a5b0e9bf9a
Allow different glyphs to be selected in the mesh debugger
2017-09-19 17:36:12 -07:00
Patrick Walton
5d267cc2c8
Take the xMin/left values of the glyphs' bounds into account when determining their pixel rects.
...
This prevents glyph images from "bleeding" into each other horizontally.
2017-09-15 15:57:32 -04:00
Patrick Walton
5c45b6f94e
Prevent the user from scrolling the text out of view
2017-09-13 18:39:19 -07:00
Patrick Walton
eae20eb7ca
Fix glyph positioning in the 3D view
2017-09-11 19:09:43 -07:00
Patrick Walton
94c5ea181f
Initially zoom the text to fit in the text demo
2017-09-11 16:57:53 -07:00
Patrick Walton
3dd1d73f81
Start the camera centered on the text in the text demo
2017-09-11 16:07:11 -07:00
Patrick Walton
eb9c0ceb4d
Implement "slight" hinting by rounding x-heights up to the nearest pixel
2017-09-09 13:12:51 -07:00
Patrick Walton
57374e9f30
Add all four sides of the Mozilla Monument to the 3D demo
2017-09-07 19:01:55 -07:00
Patrick Walton
e34ca3d3e4
Stub support for multiple text frames
2017-09-07 16:13:55 -07:00
Patrick Walton
7de664e4a9
Implement some rudimentary text layout for the 3D demo
2017-09-06 22:11:32 -07:00
Patrick Walton
acf2e0be00
Implement mesh expansion so that the 3D demo can actually render strings of text
2017-09-06 14:11:58 -07:00
Patrick Walton
4ab917b79b
Snap baselines to the nearest pixel
2017-09-03 16:35:10 -07:00
Patrick Walton
632202e5eb
Implement a basic mesh debugger
2017-09-01 22:29:05 -07:00
Patrick Walton
f182686ba8
Do some more refactoring in preparation for the 3D view
2017-08-31 17:08:22 -07:00
Patrick Walton
b75c327017
Factor out text layout into a separate class so it can be used by the text and 3D demos
2017-08-31 16:33:21 -07:00
Patrick Walton
8d6636b1cf
Add `-demo` to the SVG and text demo files
2017-08-29 18:57:43 -07:00
Patrick Walton
40c0e9b8c5
Use ES6 templates to reduce duplication in the demo HTML
2017-08-29 16:04:40 -07:00
Patrick Walton
cd3c1c996c
Get SSAA working for the tiger
2017-08-29 14:31:45 -07:00
Patrick Walton
c47aa5c4d0
Get the SVG demo rendering something
2017-08-29 12:29:16 -07:00
Patrick Walton
8e2172f06f
Start implementing basic SVG rendering. Not working yet.
2017-08-28 22:11:15 -07:00
Patrick Walton
0bae14b326
Render SVG paths to an off screen framebuffer
2017-08-28 17:18:44 -07:00
Patrick Walton
4d16df17db
Implement the server-side support for SVG path partitioning in the demo
2017-08-28 16:47:27 -07:00
Patrick Walton
5f28f8b666
Stub out some more functionality for the SVG demo
2017-08-27 12:43:17 -07:00
Patrick Walton
72f5f4ee6d
Factor antialiasing strategies out into separate modules
2017-08-26 13:47:18 -07:00
Patrick Walton
9e7d922863
Factor out the app controller logic so we can support multiple demos more easily
2017-08-26 12:54:25 -07:00
Patrick Walton
01d1382324
Begin splitting up `index.ts`
2017-08-25 20:20:45 -07:00