canvas_ity
pics
canvas_ity | pics | |
---|---|---|
7 | 12 | |
318 | 10,313 | |
- | 0.3% | |
2.5 | 7.4 | |
2 months ago | 3 months ago | |
C++ | Assembly | |
ISC License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
canvas_ity
-
Writing a TrueType font renderer
I have a small TTF implementation that's in the neighborhood of that size and is open source. It's part of my canvas_ity single-header library [0] that's around 2300 LOC / 36 KB object size and implements a C++ version of most of the 2D HTML5 canvas spec [1].
The core implementation of the TTF parsing and drawing is in L1526-L1846 with another small bit at L3205-L3274 of src/canvas_ity.hpp.
It's something of a toy implementation that only supports western left-to-right text, and doesn't do any hinting at all, nor kerning, nor shaping. But it's enough to draw a basic "Hello world!" using any typical TTF file.
The test suite in test/test.cpp L84-304 embeds a few custom Base64-encoded TTF files. They're small and only have a few glyphs but they do exercise a number of interesting edge cases in the OpenType TTF spec [2]. Have a look at the HTML5 port of the test suite at test/test.html in different browsers to see how their canvas implementations render those fonts.
[0] https://github.com/a-e-k/canvas_ity
[1] https://www.w3.org/TR/2015/REC-2dcontext-20151119/
[2] https://standards.iso.org/ittf/PubliclyAvailableStandards/c0...
-
The Lone Developer Problem
Agreed, that sort of documentation is pure gold when done well.
It's something I always try to pay forward by doing in my own code. For example, one of my own solo projects was an STB-style single-header -like rasterizer library for C++. I started the implementation half of the library with a short outline of the rendering pipeline's dataflow and the top-level functions responsible for each stage:
https://github.com/a-e-k/canvas_ity/blob/f32fbb37e2fe7c0fcae...
-
Ask HN: What have you created that deserves a second chance on HN?
https://github.com/a-e-k/canvas_ity
This is an STB-style single-header C++ library with no dependencies beyond the standard C++ library. In about 2300 lines of 78-column code (not counting blanks or comments), or 1300 semicolons, it implements an API based on the basic W3C specification to draw 2D vector graphics into an image buffer:
- Strokes and fills (with antialiasing and gamma-correct blending)
- Linear and radial gradients
- Patterns (with repeat modes and bi-cubic resampling)
- Line caps and line joins (handling high curvature)
- Dash patterns and dash offsets
- Transforms
- Lines, quadratic and cubic Beziers, arcs, and rectangles
- Text (very basic, but does its own TTF font file parsing!)
- Raster images (i.e., sprites)
- Clipping (via masking)
- Compositing modes (Porter-Duff)
- Drop shadows with Gaussian blurs
I also uncovered a number of interesting browser quirks along the way with the HTML5 port of my testing suite.
- Hello, PNG
- A tiny, single-header -like 2D rasterizer for C++
-
canvas_ity - A tiny, single-header <canvas>-like 2D rasterizer
Repository: https://github.com/a-e-k/canvas_ity
- Show HN: Canvas_ity – A tiny, single-header -like 2D rasterizer for C++
pics
- Hello, PNG
-
can’t be the only one
Using this framework, you can started with some excercises or dig into some file formats if you want something different (many file format have segments with variable length so the header will provide either offset or length which makes a good execercise for understanding pointer arithmetic).
- Binary Posters
-
How to generate an object file (and later an exe) from assembly
And this is not official, but you'll probably like it: https://github.com/corkami/pics/tree/master/binary/pe101
-
An MP4 file first draft
Author's github: https://github.com/corkami/pics
He works on things like hash collisions, image files that contain an image of their own hash, "polyglot" files and such like.
I think this is intended as a "minimum viable mp4 file" to show what the required binary parts are.
- Computing Posters
- ELF 101 a Linux Executable Walkthrough by Ange Albertini [pdf]
-
Fantastic Symbols and Where to Find Them - Part 1
ELF Executable and Linkable Format diagram by Ange Albertini
What are some alternatives?
nanovgXC - Lightweight vector graphics library implementing exact-coverage antialiasing in OpenGL
pdftilecut - pdftilecut lets you sub-divide a PDF page(s) into smaller pages so you can print them on small form printers.
tinf - Tiny inflate library (inflate, gzip, zlib)
Plex-Movie-Poster-Display - Scraps the Plex sessions page to display the current playing movie or TV show poster on a screen.
Tephra - A modern, high-performance C++17 graphics and compute library based on Vulkan
parca-agent - eBPF based always-on profiler auto-discovering targets in Kubernetes and systemd, zero code changes or restarts needed!
art - @Bigfan/art is a React custom renderer for HTML5 Canvas.
MP4Inspector - A Chrome extension to help you inspect Mp4 video content and find irregularities in video streams.
osxphotos - Python app to work with pictures and associated metadata from Apple Photos on macOS. Also includes a package to provide programmatic access to the Photos library, pictures, and metadata.
GpxTrackPoster - Create a visually appealing poster from your GPX tracks
fpng - Super fast C++ .PNG writer/reader
basis_universal - Basis Universal GPU Texture Codec