{"id":3728,"date":"2025-07-30T16:50:19","date_gmt":"2025-07-30T20:50:19","guid":{"rendered":"https:\/\/patorjk.com\/blog\/?p=3728"},"modified":"2025-12-30T17:17:51","modified_gmt":"2025-12-30T21:17:51","slug":"new-arial-ascii-art-gallery","status":"publish","type":"post","link":"https:\/\/patorjk.com\/blog\/2025\/07\/30\/new-arial-ascii-art-gallery\/","title":{"rendered":"New Arial ASCII Art Gallery"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Years ago I setup an Arial ASCII Art Gallery based on the art I <a href=\"https:\/\/patorjk.com\/blog\/2012\/05\/03\/cracking-magus-fate-zero-encryption\/\" data-type=\"link\" data-id=\"https:\/\/patorjk.com\/blog\/2012\/05\/03\/cracking-magus-fate-zero-encryption\/\">decrypted from Fate Zero<\/a>, which was a popular prog from the late 90&#8217;s. The ASCII art from that time period is pretty cool and I felt like it deserved a spot on the net to be preserved. However, a lot of time has passed since then, and that gallery hasn&#8217;t aged well.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For one, all the files were encoded in Windows-1251, which is what Windows used prior to moving to unicode. This encoding used a single byte for each character and had a different character mapping. Additionally, sometime between Windows XP and now, Windows changed how it rendered the Arial font, so now many of the pieces looked a little messed up (I think this change was to make it more in-line with how other OSes render Arial).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Rather than let the gallery stay by the wayside, I decided to give it a major face-lift. I wrote a script to convert the Windows-1251 encoding to UTF-8, and then spent a minute or two on each piece, fixing any obvious errors. The old gallery still rendered properly on Windows 98, so I used a VM of the site there as a reference to any edits I made.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I also decided to over haul the UX. The old gallery required over 500 clicks to see everything, so for the new gallery I decided to put everything on one page. And to ensure good performance, I used virtualization. However, virtualization kind of messes up the browser&#8217;s Ctrl+F find feature, so I decided to write a custom search feature to allow users to search through the art.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is where things got a little hairy though. I thought maybe I could use AI to generate tags for all of the art (my plan was to use IntelliJ&#8217;s AI assistant to comb through the files), but it turns out ASCII art is the kryptonite of LLMs. They have no idea what they&#8217;re looking at and will just hallucinate a response that makes no sense. So I had to settle for a feature that looks at the filename and file contents. However, I thought the hallucinations were kind of interesting and decided to make a short video on the topic:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AI Analyzes ASCII Art from the 90&#039;s\" width=\"474\" height=\"267\" src=\"https:\/\/www.youtube.com\/embed\/rWtMkoRhm-M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Anyway, if you&#8217;re interested in checking it out you can find a link to the new gallery here:<br><a href=\"https:\/\/patorjk.com\/arial-ascii-art\/\">Arial ASCII Art Gallery<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Years ago I setup an Arial ASCII Art Gallery based on the art I decrypted from Fate Zero, which was a popular prog from the late 90&#8217;s. The ASCII art from that time period is pretty cool and I felt like it deserved a spot on the net to be preserved. However, a lot of &hellip; <a href=\"https:\/\/patorjk.com\/blog\/2025\/07\/30\/new-arial-ascii-art-gallery\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">New Arial ASCII Art Gallery<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,32,56],"tags":[],"class_list":["post-3728","post","type-post","status-publish","format-standard","hentry","category-old-school","category-web-development","category-youtube"],"_links":{"self":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/3728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/comments?post=3728"}],"version-history":[{"count":2,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/3728\/revisions"}],"predecessor-version":[{"id":3730,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/posts\/3728\/revisions\/3730"}],"wp:attachment":[{"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/media?parent=3728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/categories?post=3728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/patorjk.com\/blog\/wp-json\/wp\/v2\/tags?post=3728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}