Your cake is too valuable for me to waffle about. Let's get to it.

Open a Window

Notes

• The buffer does not have to match the screen dimensions.
• macOS screens have twice the pixel density of typical monitors. Moving the window across monitors will require a complete redraw.

Draw a Rectangle

Notes

• This implementation visits every pixel in the buffer. A better approach would be to only visit the rect's bounding box.

Draw a Single Character

notes

• Proper hinting, ignoring hinting, hinting data without LERP.
• Drawing beyond the buffer's x-axis will simply wrap to the left side of the screen, similar to the Asteroids game.
• There is no need to create an actual bitmap/atlas.
• The font is CozetteVector.

Draw Hello World!

notes

• Line heights are required.
• The font is VictorMono-Regular.
• Don't go into text rending unless you intend to specialize. $$$

Rant

This page was originally titled "2D CPU Graphics", but I decided that I don't actually need to venture down that rabbit hole of drawing lines and curves right now. I know myself well enough to know that I'd obsess over it until I understood. So boxes with text are the perfect stopping point.

Along the way, I discovered that I'm not into writing tutorials; which explains why there isn't any code content here. The first 2 milestones featured them, but I ended up spending too much time thinking about what to code in the context of the next post. If you are looking for implementation guidance, I suggest that you to ask your favorite Large Language Model. It would give you far better technical answers than I ever could. As an aside; welcome to the age of synthetic intelligence, where tutorial blogs become fodder. Never mind. I think they lobotomized it while working on alignment.

Next Up

Text Editing

Thanks for the slice.