<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Graphics on AI VOID</title><link>https://ai-blog.noorshomelab.dev/tags/graphics/</link><description>Recent content in Graphics on AI VOID</description><generator>Hugo</generator><language>en</language><lastBuildDate>Tue, 05 May 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://ai-blog.noorshomelab.dev/tags/graphics/index.xml" rel="self" type="application/rss+xml"/><item><title>Core Concepts: Basic Shapes</title><link>https://ai-blog.noorshomelab.dev/svg-guide/core-concepts-basic-shapes/</link><pubDate>Sun, 02 Nov 2025 18:00:00 +0530</pubDate><guid>https://ai-blog.noorshomelab.dev/svg-guide/core-concepts-basic-shapes/</guid><description>&lt;h1 id="2-core-concepts-basic-shapes"&gt;2. Core Concepts: Basic Shapes&lt;/h1&gt;
&lt;p&gt;Now that your environment is set up, let&amp;rsquo;s dive into the core of SVG: drawing shapes! This chapter will introduce you to the fundamental SVG elements that allow you to create basic geometric forms. Understanding these building blocks is crucial for constructing more complex graphics later on.&lt;/p&gt;
&lt;h2 id="21-the-svg-element-the-canvas"&gt;2.1 The &lt;code&gt;&amp;lt;svg&amp;gt;&lt;/code&gt; Element: The Canvas&lt;/h2&gt;
&lt;p&gt;Every SVG drawing must be enclosed within an &lt;code&gt;&amp;lt;svg&amp;gt;&lt;/code&gt; element. This element acts as the canvas or viewport for your graphics. It defines a coordinate system and a viewport into which the SVG content is drawn.&lt;/p&gt;</description></item><item><title>Build a Game Boy Emulator with F#</title><link>https://ai-blog.noorshomelab.dev/game-boy-emulator-fsharp/</link><pubDate>Tue, 05 May 2026 00:00:00 +0000</pubDate><guid>https://ai-blog.noorshomelab.dev/game-boy-emulator-fsharp/</guid><description>&lt;p&gt;This comprehensive guide walks developers through the intricate process of creating a Game Boy emulator from the ground up using F#. Explore fundamental concepts like CPU emulation, memory mapping, graphics rendering, input handling, and sound synthesis. Delve into low-level system design and practical F# implementation details to truly understand retro console architecture.&lt;/p&gt;</description></item><item><title>SVGs: From Zero to Hero with HTML and CSS</title><link>https://ai-blog.noorshomelab.dev/guides/mastering-svgs/</link><pubDate>Sun, 02 Nov 2025 18:00:00 +0530</pubDate><guid>https://ai-blog.noorshomelab.dev/guides/mastering-svgs/</guid><description>&lt;p&gt;This document is designed to take you on a journey to master Scalable Vector Graphics (SVG) using HTML and CSS. Whether you&amp;rsquo;re an absolute beginner or looking to deepen your understanding, this guide will provide a structured and practical approach to learning SVG. You&amp;rsquo;ll start with the basics of what SVG is and why it&amp;rsquo;s essential for modern web design, then move through core concepts, intermediate techniques, and advanced topics. Through clear explanations, hands-on code examples, and engaging exercises, you&amp;rsquo;ll gain the skills to create stunning, responsive, and interactive vector graphics for the web. Finally, guided projects will help you apply your knowledge to build real-world applications, solidifying your path to SVG mastery.&lt;/p&gt;</description></item></channel></rss>