<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Rendering on Tuxy's Blog</title><link>https://tuxy-streamer.github.io/blog/categories/rendering/</link><description>Recent content in Rendering on Tuxy's Blog</description><generator>Hugo -- 0.161.1</generator><language>en-us</language><lastBuildDate>Thu, 05 Mar 2026 10:30:00 +0530</lastBuildDate><atom:link href="https://tuxy-streamer.github.io/blog/categories/rendering/index.xml" rel="self" type="application/rss+xml"/><item><title>Bitmap Font Rendering</title><link>https://tuxy-streamer.github.io/blog/posts/font-rendering-techniques/</link><pubDate>Thu, 05 Mar 2026 10:30:00 +0530</pubDate><guid>https://tuxy-streamer.github.io/blog/posts/font-rendering-techniques/</guid><description>Explore bitmap font rendering technique and how they affect text display on screens.</description><content:encoded><![CDATA[<h2 id="checklist-for-writing">Checklist for Writing</h2>
<h3 id="bitmap-fonts-1970s-1980s">Bitmap Fonts (1970s-1980s)</h3>
<ul>
<li><input disabled="" type="checkbox"> Document bitmap font storage formats (BDF, PCF, custom binary)</li>
<li><input disabled="" type="checkbox"> Explain glyph structure data organization and positioning metrics</li>
<li><input disabled="" type="checkbox"> Detail 1-bit vs 8-bit storage efficiency and memory calculations</li>
<li><input disabled="" type="checkbox"> Describe boolean matrix operations (get/set bit, bitmap conversion)</li>
<li><input disabled="" type="checkbox"> Create rendering pipeline from bitmap to screen</li>
<li><input disabled="" type="checkbox"> Explain texture atlas creation and optimization</li>
<li><input disabled="" type="checkbox"> Analyze performance benefits (CPU vs GPU, cache efficiency)</li>
<li><input disabled="" type="checkbox"> Document historical context (early terminals to modern usage)</li>
<li><input disabled="" type="checkbox"> Write code examples (C structures, rendering functions)</li>
<li><input disabled="" type="checkbox"> Compare advantages vs disadvantages with use cases</li>
<li><input disabled="" type="checkbox"> Include technical terms (glyph, baseline, advance, kerning, hinting)</li>
<li><input disabled="" type="checkbox"> Add mathematical formulas for storage calculations</li>
</ul>
<h2 id="bitmap">Bitmap</h2>
<p>Bitmap was introduced in 1970s.
The idea is to fill colors in a grid of pixels to show the letter.
A boolean matrix can be used where the background color represents <code>true</code> or <code>1</code>
and the text color represents <code>false</code> or <code>0</code>.
<img alt="Bitmap Font" loading="lazy" src="../../images/fonts/bitmap-font.png">
In here the letters are made on a pixel grid of 16 X 20.
Where the black colored cells are <code>1</code> and the non-black colored cells are <code>0</code>.</p>
]]></content:encoded></item></channel></rss>