<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="../assets/xml/rss.xsl" media="all"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Knowledge Base (Posts about pixel)</title><link>https://bgstack15.ddns.net/blog/</link><description></description><atom:link href="https://bgstack15.ddns.net/blog/categories/pixel.xml" rel="self" type="application/rss+xml"></atom:link><language>en</language><copyright>Contents © 2022 &lt;a href="mailto:bgstack15@gmail.com"&gt;bgstack15&lt;/a&gt; 
&lt;a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"&gt;
&lt;img alt="Creative Commons License BY-SA"
style="border-width:0; margin-bottom:12px;"
src="https://bgstack15.ddns.net/.images/l_by-sa_4.0_88x31.png"&gt;&lt;/a&gt;</copyright><lastBuildDate>Sun, 27 Feb 2022 04:05:05 GMT</lastBuildDate><generator>Nikola (getnikola.com)</generator><docs>http://blogs.law.harvard.edu/tech/rss</docs><item><title>Drawing a globe in pixel art</title><link>https://bgstack15.ddns.net/blog/posts/2021/04/01/drawing-a-globe-in-pixel-art/</link><dc:creator>bgstack15</dc:creator><description>&lt;p&gt;I have been working on a side project which someday I'll publish. I wanted to
draw a hyperlink icon. I decided the best thing to do is draw a globe, and a
little chain link in front of it, all within a 24x24 canvas. I have drawn some
circles by hand, but larger diameters get tricky. I eventually just searched
it, and found a great little webapp: &lt;a href="https://pcg.cytodev.io/"&gt;https://pcg.cytodev.io/&lt;/a&gt;. I plugged in
my radius of 12, and it generated just slightly too big a curve to fit
correctly in the 24x24 space. So a radius of 11 worked great! &lt;a href="https://bgstack15.ddns.net/blog/2021/03/pcg1.png"&gt;&lt;img alt="Screenshot
showing the input and output for the Pixel Circle Generator web app, of radius
11" src="https://bgstack15.ddns.net/blog/2021/03/pcg1.png"&gt;&lt;/a&gt;
Using gimp, it is easy to copy this, flip it as needed, and make a complete
circle. &lt;a href="https://bgstack15.ddns.net/blog/2021/03/pcg2.png"&gt;&lt;img alt="Whole circle, with transparency, in
GIMP" src="https://bgstack15.ddns.net/blog/2021/03/pcg2.png"&gt;&lt;/a&gt;
And then to make it look like a globe, I added some lines to resemble latitude
and longitude, this time against a background instead of the transparency.
&lt;a href="https://bgstack15.ddns.net/blog/2021/03/pcg3.png"&gt;&lt;img alt="Whole circle with lines that help make it look like a
globe" src="https://bgstack15.ddns.net/blog/2021/03/pcg3.png"&gt;&lt;/a&gt;
And the final asset has a little chain in front of the globe: &lt;a href="https://bgstack15.ddns.net/blog/2021/03/lc_hyperlinkdialog.png"&gt;&lt;img alt="Final
hyperlink image,
24x24" src="https://bgstack15.ddns.net/blog/2021/03/lc_hyperlinkdialog.png"&gt;&lt;/a&gt;&lt;/p&gt;</description><category>art</category><category>circle</category><category>gimp</category><category>pixel</category><guid>https://bgstack15.ddns.net/blog/posts/2021/04/01/drawing-a-globe-in-pixel-art/</guid><pubDate>Thu, 01 Apr 2021 13:03:36 GMT</pubDate></item></channel></rss>