<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Get Info: #pixelart</title>
    <description>Posts tagged “pixelart” — Blog of independent game and app developer Matt Sephton. Featuring vintage Macintosh, game development, digital artwork, Japanese esoterica, video game reviews, hacks and tips, and much more.</description>
    <link>https://blog.gingerbeardman.com/tag/pixelart/</link>
    <atom:link href="https://blog.gingerbeardman.com/tag/pixelart/index.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Wed, 01 Jul 2026 16:09:47 +0000</pubDate>
    <lastBuildDate>Wed, 01 Jul 2026 16:09:47 +0000</lastBuildDate>
    <generator>Jekyll v4.4.1</generator>

    
      
        <item>
          <title>Dottie: a native macOS pixel art editor (WIP)</title>
          <description>&lt;p&gt;For the past several months I’ve been working on a pixel art app for macOS, with the goal of making it as much of a first class citizen and great Mac-like experience as possible. To that end it is fully native and built using Swift and SwiftUI, with a tiny bit of AppKit.&lt;/p&gt;

&lt;p&gt;As with all the macOS apps I build, they start with a personal need. This one was to replace the aging and unsupported &lt;a href=&quot;/2023/05/10/piskel-for-playdate/&quot;&gt;Piskel electron/web app&lt;/a&gt;. I like it and I loathe it, so I wondered if I could do better. My friend &lt;a href=&quot;https://jbmorley.co.uk/about/&quot;&gt;Jason Morley&lt;/a&gt; was the additional momentum I needed to actually get moving and try some things out—so thanks Jason!&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/dottie-mushroom-by-maya.png&quot; alt=&quot;IMG&quot; title=&quot;A mushroom drawn by Maya&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;a-little-bit-of-history-repeating&quot;&gt;A little bit of history repeating&lt;/h2&gt;

&lt;p&gt;I’ve been into pixel art since &lt;a href=&quot;/about&quot;&gt;Deluxe Paint ST&lt;/a&gt; (yes, on Atari ST not Commodore Amiga!), and of course on the classic Macintosh. I also collect &lt;a href=&quot;/2023/10/21/list-of-vintage-japanese-pixel-dot-art-software/&quot;&gt;information about the multitude of Japanese “dot art” pixel art apps&lt;/a&gt;, which are quite different to the apps that I grew up with. All this to say that I already had a list of features I missed, pined for, or otherwise thought should make a return. &lt;a href=&quot;/2024/07/14/shibuya-pixel-art-contest-2024/#bonus&quot;&gt;Naturally&lt;/a&gt;, dithering should be a tent pole feature affecting all tools.&lt;/p&gt;

&lt;p&gt;A dither smudge like the one shown below was last seen by me in 1992’s Multi Paint System (PC-98).&lt;/p&gt;

&lt;lite-youtube style=&quot;aspect-ratio: 320/243;&quot; videoid=&quot;XKyDG7aF3xU&quot; params=&quot;start=0&amp;amp;modestbranding=2&quot;&gt;
&lt;/lite-youtube&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;look-mano-dependencies&quot;&gt;Look, Ma—no dependencies!&lt;/h2&gt;

&lt;p&gt;And as an additional constraint—&lt;a href=&quot;/2023/11/21/yoyozo-how-i-made-a-playdate-game-in-39kb/&quot;&gt;which you may know I love to set for myself&lt;/a&gt;—I decided that I would use no packages or external dependencies, just system frameworks. Yes, that means I had to write my own colour picker (but, that’s my idea of a good time!) and some things took longer than just adding a package, but I can say that there is precious little wasted code inside this app. In fact, at the time of writing a single-architecture build of the app that has been readied for distribution still fits on a &lt;a href=&quot;/2025/05/19/media-darling-t-shirt-design/&quot;&gt;3.5” 2HD floppy disk&lt;/a&gt;!&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;pre-mortem&quot;&gt;Pre-mortem&lt;/h2&gt;

&lt;p&gt;A full post-mortem will come after release.&lt;/p&gt;

&lt;p&gt;The trickiest parts of development so far:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;drawing pixelated circles of any width and height (all the classic graphics programming text books require the circle to have odd dimensions so that the coordinate of the centre pixel is an integer)&lt;/li&gt;
  &lt;li&gt;figuring out the intricacies of the document-based application model&lt;/li&gt;
  &lt;li&gt;trying to get the “New Document” button to appear on the file selector that appears at app launch (in fact this one still evades me for reasons I can’t figure out, &lt;a href=&quot;/support&quot;&gt;get in touch if you can help&lt;/a&gt;!)&lt;/li&gt;
  &lt;li&gt;automating help book compilation (&lt;a href=&quot;https://marioaguzman.wordpress.com/2020/09/12/auth/&quot;&gt;thanks Mario&lt;/a&gt;!)&lt;/li&gt;
  &lt;li&gt;performance bottlenecks with some aspects of SwiftUI (thanks &lt;a href=&quot;https://developer.apple.com/wwdc25/labs/overview/&quot;&gt;WWDC Lab&lt;/a&gt;!)&lt;/li&gt;
  &lt;li&gt;surprise performance gains from using AppKit for better gestures&lt;/li&gt;
  &lt;li&gt;selections and marching ants&lt;/li&gt;
  &lt;li&gt;dealing with some bad early decisions (tech debt)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The most fun aspects so far:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;designing and iterating on the UI&lt;/li&gt;
  &lt;li&gt;coming up with a name and brand&lt;/li&gt;
  &lt;li&gt;implementing palette management and trying new ideas&lt;/li&gt;
  &lt;li&gt;implementing a custom colour picker, twice&lt;/li&gt;
  &lt;li&gt;drawing the various tool and app icons&lt;/li&gt;
  &lt;li&gt;getting to a point where it feels done and every new feature is icing on the cake&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;One interesting thing about the app:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;there is no settings window&lt;/li&gt;
&lt;/ul&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;launching-late-2025&quot;&gt;Launching late-2025&lt;/h2&gt;

&lt;p&gt;I hope to launch the app this autumn, but until then: if you’re a pixel artist feel free to &lt;a href=&quot;/support&quot;&gt;get in touch&lt;/a&gt; with your email address and I’ll send you a TestFlight invite!&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Thu, 28 Aug 2025 10:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2025/08/28/dottie-native-macos-pixel-art-editor-wip/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2025/08/28/dottie-native-macos-pixel-art-editor-wip/</guid>
        </item>
      
    
      
        <item>
          <title>Shibuya Pixel Art Contest 2024</title>
          <description>&lt;p&gt;For June and July of 2024 the &lt;a href=&quot;https://pixel-art.jp/contesten&quot;&gt;Shibuya Pixel Art Contest&lt;/a&gt; has been running, a welcome return after it not happening in 2023. Entries are open all over the world, but can only be submitted to Twitter using the hashtag &lt;a href=&quot;https://twitter.com/hashtag/shibuyapixelart2024?f=live&quot;&gt;#shibuyapixelart2024&lt;/a&gt;. You have to include a name for the artwork and its original pixel dimensions (though it’s OK to rescale small artwork so it can be seen more easily). There are special categories for 16×16px and 32×32px artwork, and then a category for anything bigger up to the maximum of 512×512px. Full rules at &lt;a href=&quot;https://pixel-art.jp/contesten&quot;&gt;pixel-art.jp/contesten&lt;/a&gt; and there’s still time to enter! Selected works will go on display around the Shibuya district of Tokyo in August and September.&lt;/p&gt;

&lt;p&gt;For my entries I thought it would be cool to use different, unexpected software to produce my artwork.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;pico-8&quot;&gt;PICO-8&lt;/h2&gt;

&lt;p&gt;These three entries are based on graphics I created for a game I started making when my wife was pregnant with our first child. We were house bound for a while, waiting for the birth, and I drew these cards using &lt;a href=&quot;https://www.lexaloffle.com/pico-8.php&quot;&gt;PICO-8&lt;/a&gt; for a game which remains unfinished. At least I finished the graphics!&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;16×16px = 「花見」hanami card, (&lt;a href=&quot;https://twitter.com/gingerbeardman/status/1808102421077295350&quot;&gt;link&lt;/a&gt;)&lt;/li&gt;
  &lt;li&gt;32×32px = 「花見酒」hanami-sake yaku, (&lt;a href=&quot;https://twitter.com/gingerbeardman/status/1808102225857720725&quot;&gt;link&lt;/a&gt;)&lt;/li&gt;
  &lt;li&gt;128×128px = 「花札」hanafuda koi-koi game layout, (&lt;a href=&quot;https://twitter.com/gingerbeardman/status/1806905446805938219&quot;&gt;link&lt;/a&gt;)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The smaller cards shown in the full game layout are just the regular sized cards downscaled to 8×11px in code using nearest neighbour resizing. For all cards the border is drawn seperately. One or the other size of card are most likely the smallest Hanafuda ever pixelled!?&lt;/p&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div id=&quot;carousel0&quot; class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel0&quot; id=&quot;0a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel0&quot; id=&quot;0b&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel0&quot; id=&quot;0c&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;0c&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;0b&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;0a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;0c&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;0b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;0a&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
        &lt;div class=&quot;carousel__track&quot;&gt;
          &lt;ul&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-pico8-hanami.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-pico8-hanami.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-pico8-hanami-sake.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-pico8-hanami-sake.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-pico8-hanafuda.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-pico8-hanafuda.png&quot; /&gt;&lt;/li&gt;
            
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;carousel__indicators&quot;&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;0a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;0b&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;0c&quot;&gt;&lt;/label&gt;
            
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.carousel__holder {width: 100%; position: relative; padding-bottom: 100%; margin: 1rem 0 1rem;}
.carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  padding: 0;
}
.carousel__controls,
.carousel__activator {
  display: none;
}

.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  -webkit-transform: translateX(-000%);
          transform: translateX(-000%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
}

.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
}

.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
  opacity: 1;
}


.carousel__control {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  top: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  border-width: 5px 5px 0 0;
  border-style: solid;
  opacity: 0.35;
  opacity: 1;
  outline: 0;
  z-index: 3;
  color: #fafafa;
  mix-blend-mode: difference;
}
.carousel__control:hover {
  opacity: 1;
}
.carousel__control--backward {
  left: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.carousel__control--forward {
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.carousel__indicator {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
  opacity: 0.75;
}
.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.carousel__track .carousel__slide:nth-of-type(1) {
  -webkit-transform: translateX(000%) translateZ(0);
          transform: translateX(000%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(2) {
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(3) {
  -webkit-transform: translateX(200%) translateZ(0);
          transform: translateX(200%) translateZ(0);
}


.carousel--scale .carousel__slide {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.carousel__slide {
  height: 100%;
  position: absolute;
  opacity: 0;
  overflow: hidden;
}
.carousel__slide .overlay {height: 100%;}
.carousel--thumb .carousel__indicator {
  height: 30px;
  width: 30px;
}
.carousel__indicator {
  background-color: #fafafa;
}

.carousel__slide:nth-of-type(1),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1 {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(2),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2 {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(3),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3 {
  background-size: cover;
  background-position: center;
}

&lt;/style&gt;

&lt;script&gt;
  function isVisible(el) {
        while (el) {
            if (el === document) {
                return true;
            }

            var $style = window.getComputedStyle(el, null);

            if (!el) {
                return false;
            } else if (!$style) {
                return false;
            } else if ($style.display === &apos;none&apos;) {
                return false;
            } else if ($style.visibility === &apos;hidden&apos;) {
                return false;
            } else if (+$style.opacity === 0) {
                return false;
            } else if (($style.display === &apos;block&apos; || $style.display === &apos;inline-block&apos;) &amp;&amp;
                $style.height === &apos;0px&apos; &amp;&amp; $style.overflow === &apos;hidden&apos;) {
                return false;
            } else {
                return $style.position === &apos;fixed&apos; || isVisible(el.parentNode);
            }
        }
  }
  
  setInterval(function(){
    var j=0;
    var elements = document.querySelectorAll(&apos;#carousel0 .carousel__control--forward&apos;);
    for(i=(elements.length - 1);i&gt;-1;i--) {
      if(isVisible(elements[i])) j=i;
    }
    elements[j].click();
  },7000);
  
&lt;/script&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;rorschach-for-playdate&quot;&gt;Rorschach for Playdate&lt;/h2&gt;

&lt;p&gt;This entry was created with &lt;a href=&quot;https://gingerbeardman.itch.io/rorschach&quot;&gt;Rorschach&lt;/a&gt; a creative toy/game I made for the &lt;a href=&quot;https://play.date&quot;&gt;Playdate&lt;/a&gt; handheld gaming system. This piece was created by moving the “pen” using the accelerometer and relying on the dynamic ink colour which is relative to the movement. It’s a fullscreen grab at 400×240px, titled 「キクぞく」”Kikuzoku” or “Chrysanthemum”.&lt;/p&gt;

&lt;p&gt;It would be tremendously complicated and time-consuming to create artwork like this pixel-by-pixel, or even with dither brushes, unless you had some sort of pressure sensitive stylus. But Rorschach and the Playdate accelerometer makes light work of it.&lt;/p&gt;

&lt;p&gt;The final image was my 12th attempt at getting a convincing flower! With many of my earlier attempts I was slow to hide the cursor and beautiful flowers were ruined by rogue strokes of ink after I’d technically finished. Perhaps I should have added the ability to record/playback or some sort of undo to the app. (&lt;a href=&quot;https://twitter.com/gingerbeardman/status/1810481363046318410&quot;&gt;link&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-rorschach.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;deneba-artworks-for-classic-macintosh&quot;&gt;Deneba artWORKS for Classic Macintosh&lt;/h2&gt;

&lt;p&gt;I thought it would be fun to use my favourite classic Macintosh drawing app—Deneba &lt;a href=&quot;/tag/deneba/&quot;&gt;artWORKS&lt;/a&gt;—to create pixel art using vector shapes, its bundled external tools (plugins), and the infinite fills best known from their appearance in MacPaint. There are only 20 objects in this drawing, which is 200×300px in size and titled 「黄金比」 or “the golden ratio”. (&lt;a href=&quot;https://twitter.com/gingerbeardman/status/1812491599789576474&quot;&gt;link&lt;/a&gt;)&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Spiral: flower heads (2)&lt;/li&gt;
  &lt;li&gt;Resistor: hairs (3)&lt;/li&gt;
  &lt;li&gt;Bezier: stems, branch, leaves (5)&lt;/li&gt;
  &lt;li&gt;Arc: shoots, stems, midrib (7)&lt;/li&gt;
  &lt;li&gt;Round rect: planter (2)&lt;/li&gt;
  &lt;li&gt;Polygon: planter inner shadow (1)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Plus&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Calligraphic pen nibs to get variable line thickness&lt;/li&gt;
  &lt;li&gt;Infinite fills to get dithered patterns and textures&lt;/li&gt;
&lt;/ul&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div id=&quot;carousel1&quot; class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel1&quot; id=&quot;1a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel1&quot; id=&quot;1b&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel1&quot; id=&quot;1c&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;1c&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;1b&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;1a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;1c&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;1b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;1a&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
        &lt;div class=&quot;carousel__track&quot;&gt;
          &lt;ul&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks1.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks1.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks2.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks2.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks3.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks3.png&quot; /&gt;&lt;/li&gt;
            
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;carousel__indicators&quot;&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;1a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;1b&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;1c&quot;&gt;&lt;/label&gt;
            
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.carousel__holder {width: 100%; position: relative; padding-bottom: 75%; margin: 1rem 0 1rem;}
.carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  padding: 0;
}
.carousel__controls,
.carousel__activator {
  display: none;
}

.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  -webkit-transform: translateX(-000%);
          transform: translateX(-000%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
}

.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
}

.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
  opacity: 1;
}


.carousel__control {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  top: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  border-width: 5px 5px 0 0;
  border-style: solid;
  opacity: 0.35;
  opacity: 1;
  outline: 0;
  z-index: 3;
  color: #fafafa;
  mix-blend-mode: difference;
}
.carousel__control:hover {
  opacity: 1;
}
.carousel__control--backward {
  left: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.carousel__control--forward {
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.carousel__indicator {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
  opacity: 0.75;
}
.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.carousel__track .carousel__slide:nth-of-type(1) {
  -webkit-transform: translateX(000%) translateZ(0);
          transform: translateX(000%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(2) {
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(3) {
  -webkit-transform: translateX(200%) translateZ(0);
          transform: translateX(200%) translateZ(0);
}


.carousel--scale .carousel__slide {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.carousel__slide {
  height: 100%;
  position: absolute;
  opacity: 0;
  overflow: hidden;
}
.carousel__slide .overlay {height: 100%;}
.carousel--thumb .carousel__indicator {
  height: 30px;
  width: 30px;
}
.carousel__indicator {
  background-color: #fafafa;
}

.carousel__slide:nth-of-type(1),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1 {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(2),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2 {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(3),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3 {
  background-size: cover;
  background-position: center;
}

&lt;/style&gt;

&lt;script&gt;
  function isVisible(el) {
        while (el) {
            if (el === document) {
                return true;
            }

            var $style = window.getComputedStyle(el, null);

            if (!el) {
                return false;
            } else if (!$style) {
                return false;
            } else if ($style.display === &apos;none&apos;) {
                return false;
            } else if ($style.visibility === &apos;hidden&apos;) {
                return false;
            } else if (+$style.opacity === 0) {
                return false;
            } else if (($style.display === &apos;block&apos; || $style.display === &apos;inline-block&apos;) &amp;&amp;
                $style.height === &apos;0px&apos; &amp;&amp; $style.overflow === &apos;hidden&apos;) {
                return false;
            } else {
                return $style.position === &apos;fixed&apos; || isVisible(el.parentNode);
            }
        }
  }
  
  setInterval(function(){
    var j=0;
    var elements = document.querySelectorAll(&apos;#carousel1 .carousel__control--forward&apos;);
    for(i=(elements.length - 1);i&gt;-1;i--) {
      if(isVisible(elements[i])) j=i;
    }
    elements[j].click();
  },7000);
  
&lt;/script&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;bonus&quot;&gt;Bonus!&lt;/h2&gt;

&lt;p&gt;I was having too much fun with dither patterns, so I drew one more piece just for kicks. This one is called 「生け花」”Ikebana” (“flower arranging”) and was exported at 200% because I miscalculated my document size at the beginning. I drew the shears and then transformed them with Free Rotate and Scale. There was minor pixel touch-up after export, and the final thing measures 400×512px. Otherwise I used the same techniques as above. (&lt;a href=&quot;https://twitter.com/gingerbeardman/status/1812840849211851109&quot;&gt;link&lt;/a&gt;)&lt;/p&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div id=&quot;carousel2&quot; class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel2&quot; id=&quot;2a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel2&quot; id=&quot;2b&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;2b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;2b&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;2a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;2a&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
        &lt;div class=&quot;carousel__track&quot;&gt;
          &lt;ul&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks-ikebana.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks-ikebana.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks-ikebana2.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks-ikebana2.png&quot; /&gt;&lt;/li&gt;
            
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;carousel__indicators&quot;&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;2a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;2b&quot;&gt;&lt;/label&gt;
            
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.carousel__holder {width: 100%; position: relative; padding-bottom: 128%; margin: 1rem 0 1rem;}
.carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  padding: 0;
}
.carousel__controls,
.carousel__activator {
  display: none;
}

.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  -webkit-transform: translateX(-000%);
          transform: translateX(-000%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
}

.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
}


.carousel__control {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  top: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  border-width: 5px 5px 0 0;
  border-style: solid;
  opacity: 0.35;
  opacity: 1;
  outline: 0;
  z-index: 3;
  color: #fafafa;
  mix-blend-mode: difference;
}
.carousel__control:hover {
  opacity: 1;
}
.carousel__control--backward {
  left: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.carousel__control--forward {
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.carousel__indicator {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
  opacity: 0.75;
}
.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.carousel__track .carousel__slide:nth-of-type(1) {
  -webkit-transform: translateX(000%) translateZ(0);
          transform: translateX(000%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(2) {
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}


.carousel--scale .carousel__slide {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.carousel__slide {
  height: 100%;
  position: absolute;
  opacity: 0;
  overflow: hidden;
}
.carousel__slide .overlay {height: 100%;}
.carousel--thumb .carousel__indicator {
  height: 30px;
  width: 30px;
}
.carousel__indicator {
  background-color: #fafafa;
}

.carousel__slide:nth-of-type(1),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1 {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(2),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2 {
  background-size: cover;
  background-position: center;
}

&lt;/style&gt;

&lt;script&gt;
  function isVisible(el) {
        while (el) {
            if (el === document) {
                return true;
            }

            var $style = window.getComputedStyle(el, null);

            if (!el) {
                return false;
            } else if (!$style) {
                return false;
            } else if ($style.display === &apos;none&apos;) {
                return false;
            } else if ($style.visibility === &apos;hidden&apos;) {
                return false;
            } else if (+$style.opacity === 0) {
                return false;
            } else if (($style.display === &apos;block&apos; || $style.display === &apos;inline-block&apos;) &amp;&amp;
                $style.height === &apos;0px&apos; &amp;&amp; $style.overflow === &apos;hidden&apos;) {
                return false;
            } else {
                return $style.position === &apos;fixed&apos; || isVisible(el.parentNode);
            }
        }
  }
  
  setInterval(function(){
    var j=0;
    var elements = document.querySelectorAll(&apos;#carousel2 .carousel__control--forward&apos;);
    for(i=(elements.length - 1);i&gt;-1;i--) {
      if(isVisible(elements[i])) j=i;
    }
    elements[j].click();
  },7000);
  
&lt;/script&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;extras-bonus&quot;&gt;Extras Bonus!&lt;/h2&gt;

&lt;p&gt;And I did one more just before the deadline. This is titled 「ラペルピン」”lapel pin” and is 512×512px and was created using the same vectors and fills technique. I decided to work in Canvas 3.0 rather than artWORKS, simply because it has a way of locking objects. The only new thing I did here is that I created two diagonal line fill patterns of my own for the collars. (&lt;a href=&quot;https://twitter.com/gingerbeardman/status/1817609688210690392&quot;&gt;link&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks-lapel-pin.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;And here’s a screenshot of my working area, Macintosh System 7.5.5 running in 1-bit colour at 1025x768 in the BasiliskII emulator. This time I created it on my MacBook Pro with external Magic Trackpad, but &lt;a href=&quot;/2021/04/17/turning-an-ipad-pro-into-the-ultimate-classic-macintosh/&quot;&gt;sometimes I use my iPad Pro with Apple Pencil&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/shibuya-pixel-art-contest-2024-artworks-lapel-pin-working.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Sun, 14 Jul 2024 16:42:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2024/07/14/shibuya-pixel-art-contest-2024/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2024/07/14/shibuya-pixel-art-contest-2024/</guid>
        </item>
      
    
      
        <item>
          <title>Barbara Nessim at The Ginza Art Space (1986)</title>
          <description>&lt;p&gt;At the end of 2023 I bought a one-in-a-million find from Japan: it’s a postcard from &lt;a href=&quot;/2023/11/09/early-computer-art-by-barbara-nessim/&quot;&gt;Barbara Nessim&lt;/a&gt;’s residency at &lt;a href=&quot;https://gallery.shiseido.com/en/access/&quot;&gt;&lt;em&gt;The Ginza Art Space&lt;/em&gt;&lt;/a&gt;, September 26 thru October 19 1986. This residency came on the back of &lt;a href=&quot;/2023/11/09/early-computer-art-by-barbara-nessim/&quot;&gt;her breakthrough early computer art&lt;/a&gt; that was done on a Telidon system, a type of Teletext graphics system that displayed rudimentary vector graphics.&lt;/p&gt;

&lt;p&gt;The postcard artwork is not digital and is dated 6-86. The details on the rear are set in the Chicago typeface designed by Susan Kare for the Apple Macintosh just a couple of years prior.&lt;/p&gt;

&lt;p&gt;As well as Barbara’s residency there was an accompanying exhibition &lt;em&gt;“The Work of Barbara Nessim”&lt;/em&gt;.&lt;/p&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;b&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
        &lt;div class=&quot;carousel__track&quot;&gt;
          &lt;ul&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-ginza-1986-01.webp&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-ginza-1986-01.webp&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-ginza-1986-02.webp&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-ginza-1986-02.webp&quot; /&gt;&lt;/li&gt;
            
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;carousel__indicators&quot;&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
            
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.carousel__holder {width: 100%; position: relative; padding-bottom: 140%; margin: 1rem 0 1rem;}
.carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  padding: 0;
}
.carousel__staticimage,
.carousel__controls,
.carousel__activator {
  display: none;
}

.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  -webkit-transform: translateX(-000%);
          transform: translateX(-000%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
}

.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
}


.carousel__control {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  top: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  border-width: 5px 5px 0 0;
  border-style: solid;
  opacity: 0.35;
  opacity: 1;
  outline: 0;
  z-index: 3;
  color: #fafafa;
  mix-blend-mode: difference;
}
.carousel__control:hover {
  opacity: 1;
}
.carousel__control--backward {
  left: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.carousel__control--forward {
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.carousel__indicator {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
  opacity: 0.75;
}
.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.carousel__track .carousel__slide:nth-of-type(1) {
  -webkit-transform: translateX(000%) translateZ(0);
          transform: translateX(000%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(2) {
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}


.carousel--scale .carousel__slide {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.carousel__slide {
  height: 100%;
  position: absolute;
  opacity: 0;
  overflow: hidden;
}
.carousel__slide .overlay {height: 100%;}
.carousel--thumb .carousel__indicator {
  height: 30px;
  width: 30px;
}
.carousel__indicator {
  background-color: #fafafa;
}

.carousel__slide:nth-of-type(1),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(2),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
  background-size: cover;
  background-position: center;
}

&lt;/style&gt;

&lt;script&gt;
  function isVisible(el) {
        while (el) {
            if (el === document) {
                return true;
            }

            var $style = window.getComputedStyle(el, null);

            if (!el) {
                return false;
            } else if (!$style) {
                return false;
            } else if ($style.display === &apos;none&apos;) {
                return false;
            } else if ($style.visibility === &apos;hidden&apos;) {
                return false;
            } else if (+$style.opacity === 0) {
                return false;
            } else if (($style.display === &apos;block&apos; || $style.display === &apos;inline-block&apos;) &amp;&amp;
                $style.height === &apos;0px&apos; &amp;&amp; $style.overflow === &apos;hidden&apos;) {
                return false;
            } else {
                return $style.position === &apos;fixed&apos; || isVisible(el.parentNode);
            }
        }
  }
  
  setInterval(function(){
    var j=0;
    var elements = document.querySelectorAll(&apos;.carousel__control--forward&apos;);
    for(i=(elements.length - 1);i&gt;-1;i--) {
      if(isVisible(elements[i])) j=i;
    }
    elements[j].click();
  },10000);
  
&lt;/script&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;made-in-japan&quot;&gt;Made in Japan&lt;/h2&gt;

&lt;p&gt;During her time at The Ginza Art Space, Barbara used an NEC PC-100 to draw new work and printed them on one of the earliest wide-format colour inkjet printers, the &lt;a href=&quot;https://www.jstage.jst.go.jp/article/isjepj/24/4/24_278/_pdf/-char/ja&quot;&gt;&lt;em&gt;Fujix JetGraphy 3000&lt;/em&gt;&lt;/a&gt; (I’d love to be able to read &lt;a href=&quot;https://www.researchgate.net/publication/294487702&quot;&gt;this article at ResearchGate&lt;/a&gt;). Given the use of early technology and non-archival inks, the prints are prone to fading and are now very fragile.&lt;/p&gt;

&lt;p&gt;The choice of PC-100 computer is interesting because its display could be rotated between portrait and landscape. In portrait orientation it had a resolution of 512×720, which is seven times more pixels than the Telidon system and twice as tall as the Macintosh Plus. The PC-100 displayed bitmap graphics so it was more similar to the Macintosh than the vector graphics of the Telidon system.&lt;/p&gt;

&lt;p&gt;Colours were limited: the PC-100 hardware could display 16 colours from a palette of 512. The printer used CMYK and could produce around 10,000 colours, some of which printed better than others. This combination may have imposed some limitations as to which colours could, or should, be used.&lt;/p&gt;

&lt;p&gt;Below are three examples of the work Barbara produced at The Ginza Art Space: they are &lt;em&gt;Flowers in the Wind&lt;/em&gt;, &lt;em&gt;Hand Memory&lt;/em&gt;, and &lt;em&gt;The Gift&lt;/em&gt;. A description of the creative process is featured in &lt;a href=&quot;https://archive.org/details/PC_Computing_1988_10/page/n101/mode/2up&quot;&gt;Carol Olsen Day’s article &lt;em&gt;“The Art of Barbara Nessim”&lt;/em&gt;, in the October 1988 issue of PC Computing&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://twitter.com/gingerbeardman/status/1758166965330272503&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-ginza-1986-03.png&quot; alt=&quot;JPG&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;what-software&quot;&gt;What software?&lt;/h2&gt;

&lt;p&gt;My ongoing &lt;a href=&quot;/2023/10/21/list-of-vintage-japanese-pixel-dot-art-software/&quot;&gt;research into early Japanese pixel art software&lt;/a&gt; shows that Barbara most likely used ASCII’s エアーブラシ “Airbrush” painting software on the NEC PC-100, as it is the only graphics software for that platform I’ve been able to find &lt;a href=&quot;https://archive.org/details/login-april-1984/LOGiN%20-%20April%201984/page/n242/mode/2up&quot;&gt;advertised for sale&lt;/a&gt; or &lt;a href=&quot;https://archive.org/details/login-june-1984/LOGiN%20-%20June%201984/page/n113/mode/2up&quot;&gt;featured in period literature&lt;/a&gt;.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-ginza-1986-04.jpg&quot; alt=&quot;JPG&quot; title=&quot;LOGiN magazine, June 1984, page 117: Tachibana Hajime&apos;s article on CG mentions Airbrush&quot; /&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Thu, 15 Feb 2024 23:22:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2024/02/15/barbara-nessim-at-the-ginza-art-space-1986/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2024/02/15/barbara-nessim-at-the-ginza-art-space-1986/</guid>
        </item>
      
    
      
        <item>
          <title>JINZO Paint: vintage mobile drawing app</title>
          <description>&lt;p&gt;At my core I’m a software guy. I don’t really get attached to hardware: in my mind it exists only as a conduit to software. I use emulation whenever I can to benefit from the increased convenience and reliability. But when I can’t… I buy old devices, and with old devices come old problems.&lt;/p&gt;

&lt;p&gt;I’m fascinated by &lt;a href=&quot;/2023/10/21/list-of-vintage-japanese-pixel-dot-art-software/&quot;&gt;vintage digital art software&lt;/a&gt;, from my beginnings on Atari ST, though classic Macintosh and vintage Japanese PCs, to handhelds like Palm devices or, in this case, a PocketPC running Windows CE. As with all software, many great ideas have been abandoned in the name of “progress”.&lt;/p&gt;

&lt;h2 id=&quot;zen-and-the-art-of-software-design&quot;&gt;Zen and the Art of Software Design&lt;/h2&gt;

&lt;p&gt;Japanese art software is notable in a number of ways because their drawing tools evolved differently to those in the West, at least until Photoshop took hold. In Japan the first breakthrough digital art software was the PC-98’s &lt;a href=&quot;https://www.youtube.com/watch?v=nIdFor2WOnw&quot;&gt;Multi Paint System&lt;/a&gt; (MPS, マルチペイントシステム) released by C-Lab in 1992, though an earlier version was released in 1991 as Maguro Paint System, or Tuna Paint System (鮪ペイントシステム) both of which were programmed by Woody_RINN.&lt;/p&gt;

&lt;p&gt;MPS introduced &lt;a href=&quot;https://twitter.com/_blubot_/status/1727397680895476153&quot;&gt;the ability to lock colours and prevent them from being drawn over&lt;/a&gt;. You might think of it as a mask featuring every instance of that particular colour. You could also replace colours in a similar way. This was done through an intuitive mechanism of a toolbar button or key press to lock one or more specific colours on the palette, which is quite different to the selection or mask approaches popularised by Photoshop and common today.&lt;/p&gt;

&lt;p&gt;Regardless of whether or not the method of handling colours in MPS is novel or unique, it was adopted as a standard by most Japanese art software for many years. JINZO Paint (JZP), a digital art app for PocketPC (Windows CE) created by t-ueno (&lt;a href=&quot;http://www.tomozon.sakura.ne.jp/wince/&quot;&gt;Tomohiro Ueno&lt;/a&gt;), was one such app that adopted the MPS way of doing things and I’ve been using it a bunch recently. It offers first class support for drawing in dither patterns, and you can load in custom patterns. If you like HyperCard, NewtPaint, TealPaint, you’ll love it. &lt;em&gt;Jinzo&lt;/em&gt; is the Japanese word for kidney, which is also the icon of the app.&lt;/p&gt;

&lt;p&gt;If you’re interested in reading about the interface and functions of JINZO Paint &lt;a href=&quot;https://www.gingerbeardman.com/jzpaint/&quot;&gt;I’ve mirrored the manuals for two early versions on my website&lt;/a&gt; as the original location is no longer available. A later version supports full 24-bit colour, but removes some useful functions. Regardless, all versions use a similar interface so they’re easy to use once you’re familiar with the general operation. One thing I would say is that the toolbars can be opened and selected with a single tap-drag-release action, which a huge win for usability and one that reminds me of the original Apple Macintosh and Palm OS. If you’re lucky your operating system today will support such fluidity.&lt;/p&gt;

&lt;div class=&quot;carousel__holder&quot;&gt;
    &lt;div class=&quot;carousel&quot;&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;a&quot; checked=&quot;checked&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;b&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;c&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;d&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;e&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;f&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;g&quot; /&gt;
        
          &lt;input class=&quot;carousel__activator&quot; type=&quot;radio&quot; name=&quot;carousel&quot; id=&quot;h&quot; /&gt;
        
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;h&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;h&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
          
          
          
          
          &lt;div class=&quot;carousel__controls&quot;&gt;
              &lt;label class=&quot;carousel__control carousel__control--backward&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
              &lt;label class=&quot;carousel__control carousel__control--forward&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
          &lt;/div&gt;
        
        &lt;div class=&quot;carousel__track&quot;&gt;
          &lt;ul&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-1.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-1.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-2.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-2.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-3.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-3.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-4.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-4.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-5.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-5.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-6.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-6.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-7.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-7.png&quot; /&gt;&lt;/li&gt;
            
            &lt;li class=&quot;carousel__slide&quot; style=&quot;background-image: url(&apos;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-8.png&apos;);&quot;&gt;&lt;img class=&quot;carousel__staticimage&quot; src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-ui-8.png&quot; /&gt;&lt;/li&gt;
            
          &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class=&quot;carousel__indicators&quot;&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;a&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;b&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;c&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;d&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;e&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;f&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;g&quot;&gt;&lt;/label&gt;
            
              &lt;label class=&quot;carousel__indicator&quot; for=&quot;h&quot;&gt;&lt;/label&gt;
            
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
.carousel__holder {width: 100%; position: relative; padding-bottom: 133%; margin: 1rem 0 1rem;}
.carousel {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  padding: 0;
}
.carousel__staticimage,
.carousel__controls,
.carousel__activator {
  display: none;
}

.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  -webkit-transform: translateX(-000%);
          transform: translateX(-000%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
}

.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
}

.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
  opacity: 1;
}

.carousel__activator:nth-of-type(4):checked ~ .carousel__track {
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__controls:nth-of-type(4) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) {
  opacity: 1;
}

.carousel__activator:nth-of-type(5):checked ~ .carousel__track {
  -webkit-transform: translateX(-400%);
          transform: translateX(-400%);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(5) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__controls:nth-of-type(5) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(5) {
  opacity: 1;
}

.carousel__activator:nth-of-type(6):checked ~ .carousel__track {
  -webkit-transform: translateX(-500%);
          transform: translateX(-500%);
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__slide:nth-of-type(6) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__controls:nth-of-type(6) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(6):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(6) {
  opacity: 1;
}

.carousel__activator:nth-of-type(7):checked ~ .carousel__track {
  -webkit-transform: translateX(-600%);
          transform: translateX(-600%);
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__slide:nth-of-type(7) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__controls:nth-of-type(7) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(7):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(7) {
  opacity: 1;
}

.carousel__activator:nth-of-type(8):checked ~ .carousel__track {
  -webkit-transform: translateX(-700%);
          transform: translateX(-700%);
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__slide:nth-of-type(8) {
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__controls:nth-of-type(8) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(8):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(8) {
  opacity: 1;
}


.carousel__control {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  top: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  border-width: 5px 5px 0 0;
  border-style: solid;
  opacity: 0.35;
  opacity: 1;
  outline: 0;
  z-index: 3;
  color: #fafafa;
  mix-blend-mode: difference;
}
.carousel__control:hover {
  opacity: 1;
}
.carousel__control--backward {
  left: 20px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.carousel__control--forward {
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.carousel__indicator {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
  opacity: 0.75;
}
.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.carousel__track .carousel__slide:nth-of-type(1) {
  -webkit-transform: translateX(000%) translateZ(0);
          transform: translateX(000%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(2) {
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(3) {
  -webkit-transform: translateX(200%) translateZ(0);
          transform: translateX(200%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(4) {
  -webkit-transform: translateX(300%) translateZ(0);
          transform: translateX(300%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(5) {
  -webkit-transform: translateX(400%) translateZ(0);
          transform: translateX(400%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(6) {
  -webkit-transform: translateX(500%) translateZ(0);
          transform: translateX(500%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(7) {
  -webkit-transform: translateX(600%) translateZ(0);
          transform: translateX(600%) translateZ(0);
}

.carousel__track .carousel__slide:nth-of-type(8) {
  -webkit-transform: translateX(700%) translateZ(0);
          transform: translateX(700%) translateZ(0);
}


.carousel--scale .carousel__slide {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.carousel__slide {
  height: 100%;
  position: absolute;
  opacity: 0;
  overflow: hidden;
}
.carousel__slide .overlay {height: 100%;}
.carousel--thumb .carousel__indicator {
  height: 30px;
  width: 30px;
}
.carousel__indicator {
  background-color: #fafafa;
}

.carousel__slide:nth-of-type(1),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(2),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(3),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(4),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(5),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(6),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(7),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) {
  background-size: cover;
  background-position: center;
}

.carousel__slide:nth-of-type(8),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(8) {
  background-size: cover;
  background-position: center;
}

&lt;/style&gt;

&lt;script&gt;
  function isVisible(el) {
        while (el) {
            if (el === document) {
                return true;
            }

            var $style = window.getComputedStyle(el, null);

            if (!el) {
                return false;
            } else if (!$style) {
                return false;
            } else if ($style.display === &apos;none&apos;) {
                return false;
            } else if ($style.visibility === &apos;hidden&apos;) {
                return false;
            } else if (+$style.opacity === 0) {
                return false;
            } else if (($style.display === &apos;block&apos; || $style.display === &apos;inline-block&apos;) &amp;&amp;
                $style.height === &apos;0px&apos; &amp;&amp; $style.overflow === &apos;hidden&apos;) {
                return false;
            } else {
                return $style.position === &apos;fixed&apos; || isVisible(el.parentNode);
            }
        }
  }
  
  setInterval(function(){
    var j=0;
    var elements = document.querySelectorAll(&apos;.carousel__control--forward&apos;);
    for(i=(elements.length - 1);i&gt;-1;i--) {
      if(isVisible(elements[i])) j=i;
    }
    elements[j].click();
  },10000);
  
&lt;/script&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;for-my-next-trick-i-will-run-it-on-a-dictionary&quot;&gt;For my next trick I will run it on a Dictionary&lt;/h2&gt;

&lt;p&gt;My Windows CE device is a bit odd because it’s a Brain. These are a range of electronic dictionaries made by Sharp and sold only in Japan. With a bit of gentle coaxing it can be used as a little computer running Windows CE. My particular model is the PW-SH1 which is a 3rd generation device with a high resolution screen whose hinge can rotate 360° so it’s back-to-back against the keyboard, effectively becoming a tablet computer. Some years ago it was figured out that you could sideload apps and even force these devices to open the Windows CE desktop and do all manner of crazy things. Japanese hackers and modders seem to love using these devices to run emulators for old computers like Sharp MZ-series and NEC PC-series. If you want to know more check out the &lt;a href=&quot;https://brain.fandom.com/ja/wiki/Brain_Wiki&quot;&gt;Brain Wiki&lt;/a&gt; and if you want to pick up a device &lt;a href=&quot;https://brain.fandom.com/ja/wiki/Brain機種別解説&quot;&gt;here’s a list of them all&lt;/a&gt; (browser translation required for those links).&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint.jpg&quot; alt=&quot;JPG&quot; title=&quot;JINZO Paint, 4-colour version&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;a-problem-with-file-selection&quot;&gt;A problem with file selection&lt;/h2&gt;

&lt;p&gt;Anyway, I noticed whilst using JZP that the file selector would often fail to open properly. It worked the first time but subsequent attempts saw it open and then immediately vanish. The source code to the first two versions is available, and with the help of Brain Hackers’ &lt;a href=&quot;https://twitter.com/watamario15&quot;&gt;@watamario15&lt;/a&gt; the reason for the problem was traced. He found that the value of the parameter being passed to the file selector was invalid, and provided proof by modifying the source code to those versions resulting in new working binaries. But with the final full-colour version has no source code, so how do we fix that?&lt;/p&gt;

&lt;h2 id=&quot;multiple-solutions&quot;&gt;Multiple solutions&lt;/h2&gt;

&lt;p&gt;The binaries for my device are ARM so there’s good support for debugging that type of code. I fired up Ghidra and started poking around in the earliest, smallest version of JZP. I quickly found the section of code that defined the parameters, helped by the placement of the setup of the strings used in the file selector. &lt;a href=&quot;https://www.coalfire.com/the-coalfire-blog/reverse-engineering-and-patching-with-ghidra&quot;&gt;A quick tutorial later&lt;/a&gt; and I knew how to use Ghidra to find references to data, patch instructions, and save a new binary. The workaround was to set the parameter to NULL, which works nicely but removes the ability for the app to remember the most recently used directory.&lt;/p&gt;

&lt;p&gt;However the source is available for the two earlier versions, which I prefer using, so more complete changes could be implemented. Rather than simply nulling out the parameter we could set it to the correct initial value: the root directory. Additional changes were needed to make sure the program would cope with saving and loading from the root directory of the device directly. And finally, just for good measure, the 16-colour version’s extremely slow bitmap saving has been optimised!&lt;/p&gt;

&lt;p&gt;Many thanks to &lt;a href=&quot;https://twitter.com/watamario15&quot;&gt;@watamario15&lt;/a&gt; for his invaluable help with debugging and his generous source code wrangling. And to &lt;a href=&quot;https://brain.fandom.com/ja/wiki/&quot;&gt;Brain Wiki&lt;/a&gt; for being such a valuable resource for crazy old software nerds like me!&lt;/p&gt;

&lt;h2 id=&quot;keyboard-controls&quot;&gt;Keyboard controls&lt;/h2&gt;

&lt;p&gt;I’ve also added keyboard control to JINZO Paint 16, with standard Photoshop keys to switch tools, plus keys for undo, set zoom, quick zoom (hold space bar), and more. If I get permission from the original author I’ll release a patch.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/jinzo-paint-dev.png&quot; alt=&quot;JPG&quot; title=&quot;JINZO Paint 16, source code modifications&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;repo&quot;&gt;Repo&lt;/h2&gt;

&lt;p&gt;My changes to the 16-color version are now available at the BRAIN hackers GitHub:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://github.com/brain-hackers/jinzo-paint/tree/16-color&quot;&gt;github.com/brain-hackers/jinzo-paint/tree/16-color&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;further-reading&quot;&gt;Further reading&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://brain.fandom.com/ja/wiki/JINZO_Paint&quot;&gt;JINZO Paint page on Brain Wiki&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://discord.com/channels/759813579120836608/1198349406878060646&quot;&gt;JINZO Paint thread on Brain Hackers Discord Server&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.gingerbeardman.com/jzpaint/&quot;&gt;JINZO Paint documentation mirror&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;http://www.tomozon.sakura.ne.jp/wince/JINZO_COLLECTION/DATA_BOOK/JZP_DATA/tel/howtojzp/howtojzp.htm&quot;&gt;JINZO Paint tutorial (4-colours)&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;http://www.tomozon.sakura.ne.jp/wince/JINZO_COLLECTION/DATA_BOOK/JZP_DATA/emugaro/cgmake.htm&quot;&gt;JINZO Paint tutorial (16-colours)&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=nIdFor2WOnw&quot;&gt;Playback of Woody_RINN drawing in Multi Paint System&lt;/a&gt; watch the dithering by blending at &lt;a href=&quot;https://www.youtube.com/watch?v=nIdFor2WOnw&amp;amp;t=434&quot;&gt;07:14&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Mon, 22 Jan 2024 20:53:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2024/01/22/jinzo-paint-vintage-mobile-drawing-app/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2024/01/22/jinzo-paint-vintage-mobile-drawing-app/</guid>
        </item>
      
    
      
        <item>
          <title>Early computer art by Barbara Nessim (1984)</title>
          <description>&lt;p&gt;Whilst searching for something else entirely I stumbled across these images and was struck by just how beautiful they are. The &lt;a href=&quot;https://archive.org/details/BYTE_Vol_09-10_1984-09_Computer_Graphics/mode/2up&quot;&gt;September 1984 (Vol 9, No 10) issue of BYTE magazine&lt;/a&gt; features cover artwork by &lt;a href=&quot;https://en.wikipedia.org/wiki/Barbara_Nessim&quot;&gt;Barbara Nessim&lt;/a&gt; and section pages by Liz Gutowski under direction of Barbara Nessim. Larger versions are &lt;a href=&quot;#scans&quot;&gt;at the bottom&lt;/a&gt; of this blog post.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;#scans&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-byte-1984-09-image-thumbnails.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;They were drawn during a residency at Time Life in NYC, simply because that was the easiest way Barbara could gain access to a colour computer with suitable capabilities: a Norpak IPS-2 Videotex (NAPLPS/Telidon) system. This offered 6 drawing modes (arc, rectangle, circle, line, dot and polygon) and 12 colours, of which half where shades of grey, plus black and white. And at a resolution of 256x200. That equates to a computer system roughly equivalent to an Apple II running a rudimentary graphics application, in fact you could get an add-on card for the Apple II to give it full &lt;a href=&quot;https://wiki.preterhuman.net/Norpak_Telidon_Graphics_System&quot;&gt;Norpak Telidon capabilities&lt;/a&gt;. The main benefit of the Norpak IPS-2 computer system was that it had pen/stylus input. The system comprised two monitors, one showed the artwork and the other showed the software status menu system. The software was controlled by keyboard and the points that specify the shapes were entered using the pen input.&lt;/p&gt;

&lt;p&gt;My first thought was “such cool pixel art!” but a little bit more reading shows that they are actually vector illustrations. &lt;a href=&quot;https://en.wikipedia.org/wiki/NAPLPS&quot;&gt;NAPLPS&lt;/a&gt; is an early graphics format which could &lt;a href=&quot;https://archive.org/details/telidonbook0000unse/page/116/mode/2up&quot;&gt;represent both text and vector graphics&lt;/a&gt; with all coordinates and other properties—such as size, fill pattern, density—encoded as ASCII for easy transmission. It was &lt;a href=&quot;https://www.friendsofcrc.ca/Projects/Telidon/Telidon.html&quot;&gt;designed to display information on TVs&lt;/a&gt;, and also used for display on terminals, in BBS software, and on the &lt;a href=&quot;https://en.wikipedia.org/wiki/Prodigy_(online_service)&quot;&gt;Prodigy online service&lt;/a&gt;. Readers from around the world might be more familiar with Teletext, which is a close relative of Videotex.&lt;/p&gt;

&lt;p&gt;Doing pure illustration using a system meant for creating pages of information is exactly the type of software subversion I love to discover!&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-telidon.jpg&quot; alt=&quot;JPG&quot; title=&quot;How arcs and rectangles are defined and stored using minimal data, from &amp;lt;em&amp;gt;The Telidon Book&amp;lt;/em&amp;gt; (1981)&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.barbaranessim.com&quot;&gt;Barbara Nessim&lt;/a&gt; is a name I was already familiar with, as I’d seen her mentioned and &lt;a href=&quot;https://archive.org/details/verbum502unse/page/8/mode/1up&quot;&gt;interviewed&lt;/a&gt; in &lt;a href=&quot;/2019/07/10/verbum-journal-of-personal-computer-aesthetics/&quot;&gt;Verbum magazine&lt;/a&gt;, &lt;a href=&quot;https://archive.org/details/compute-magazine&quot;&gt;COMPUTE magazine&lt;/a&gt;, in various books about illustration, and regarding her groundbreaking interactive art exhibition/installation &lt;a href=&quot;https://digitalartarchive.siggraph.org/artwork/random-access-memories-400/&quot;&gt;Random Access Memories&lt;/a&gt; (1991/2)—which addressed world issues such as migration and population growth and allowed visitors to operate a Macintosh containing the work, selecting images and printing their own customised booklet of her work with their choice of national flag on the cover. &lt;a href=&quot;https://archive.org/details/computersinartde0000kerl/page/12/mode/1up&quot;&gt;Source 1&lt;/a&gt; &lt;a href=&quot;https://archive.org/details/cyberartsexplori0000unse/page/n207/mode/1up&quot;&gt;and 2&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Whilst I had seen other early computer work by Barbara—&lt;a href=&quot;https://collections.vam.ac.uk/item/O1257731/ode-to-the-statue-of-photograph-barbara-nessim/&quot;&gt;portraits&lt;/a&gt;, &lt;a href=&quot;https://collections.vam.ac.uk/item/O1257732/reclining-nude-photograph-barbara-nessim/&quot;&gt;nudes&lt;/a&gt;, &lt;a href=&quot;https://barbaranessim.squarespace.com/1980s-computer-works/cikairn7mb0di14fz72fvzubvplcu4&quot;&gt;abstract&lt;/a&gt; (all of which are worth checking out!)—I had never seen work quite like these images from BYTE.&lt;/p&gt;

&lt;p&gt;The chunky scan-line gaps in between the rows of pixels are the result of these images being photographs of the monitor on which they were displayed. Screenshots had existed since the 1960s but in the 1980s getting such an image off a mainframe was not yet easy or universal. Instead images were saved by pointing a camera at the screen, in this case a Polaroid Palette Video Image Recorder, capturing the image on 35mm slide film, and printing them by &lt;a href=&quot;https://www.npg.org.uk/collections/explore/glossary-of-art-terms/cibachrome-print&quot;&gt;cibachrome process&lt;/a&gt;. Which is really saying something! Of course, I think the photos are much better than screenshots because of the scan-lines, the phosphor glow, the bleeding of colours, and the general analog feel to the whole thing.&lt;/p&gt;

&lt;p&gt;Barbara was one of few people to embrace computers for art in the early-1980s, when the rest of the art world considered them at best a “fad” and at worst a threat to their existence. The dismissal was near-total: she &lt;a href=&quot;https://youtu.be/--BAMGqbb8c?t=1115&quot;&gt;couldn’t persuade a single one of her artist friends&lt;/a&gt; to come and try the computer with her, and was left wondering whether she was the only one who wanted to. That attitude held for around a decade. It wasn’t until the mid-1990s—when affordable colour arrived and &lt;a href=&quot;https://en.wikipedia.org/wiki/Adobe_Photoshop#History&quot;&gt;Photoshop went mainstream&lt;/a&gt;—that the resistance finally broke and, as Barbara puts it, “&lt;a href=&quot;https://bgccraftartdesign.org/items/show/29&quot;&gt;that’s when the change happened, and then it was all over&lt;/a&gt;”. Before and after the 1980s Barbara carved out a hugely successful career for herself, encompassing many different forms of &lt;a href=&quot;https://www.printmag.com/culturally-related-design/gloria-steinem-barbara-nessim-writers-artists-role-models/&quot;&gt;art, teaching and activism&lt;/a&gt;. She continues to &lt;a href=&quot;http://www.barbaranessim.com&quot;&gt;create and exhibit her art&lt;/a&gt;.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-portrait.webp&quot; alt=&quot;WEBP&quot; title=&quot;Barbara Nessim at the &amp;lt;em&amp;gt;School of Visual Arts&amp;lt;/em&amp;gt;, 1986. Photographed by Seiji Kakizaki. &amp;lt;a href=https://www.printmag.com/culturally-related-design/gloria-steinem-barbara-nessim-writers-artists-role-models/&amp;gt;Source&amp;lt;/a&amp;gt;&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;further-reading-chronological&quot;&gt;Further reading (chronological)&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://archive.org/details/volume-7-2_202511/Volume%2010-4/page/36/mode/2up&quot;&gt;U&amp;amp;lc (Upper &amp;amp; Lower Case) Magazine, Vol. 10, No. 4 (1983)&lt;/a&gt; &lt;strong&gt;Essential reading.&lt;/strong&gt; “From pencils to pixels: artist Barbara Nessim explores the new tool” by &lt;em&gt;Marion Muller&lt;/em&gt;. Published at a time when there was great unease about the arrival of computers in the world of graphics. This is a fantastic piece that goes into how the works were created, even down to which tools or shapes were used to achieve particular aspects of a drawing and how they were layered, and mostly shows Barbara’s love for the arc tool! It also describes the IPS-2 computer system. And look at that page layout!&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://drive.google.com/file/d/12QcmZ0Z0srtZBkNTvh5p36En71lSUOXi/view&quot;&gt;BYTE magazine, Vol. 08, No. 07—Videotex (July 1983)&lt;/a&gt; 49 pages on Videotex and NAPLPS graphics. Excerpted PDF provided by the &lt;a href=&quot;https://sites.google.com/view/telidonartproject/&quot;&gt;Telidon Art Project&lt;/a&gt;. Full magazine available at &lt;a href=&quot;https://archive.org/details/byte-magazine-1983-07-rescan/page/n85/mode/2up&quot;&gt;archive.org&lt;/a&gt;.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://store.graphis.com/products/issue-232-digital-version&quot;&gt;Graphis 232 (1984)&lt;/a&gt; “Computer Images” Barbara writes a small introduction to a selection of computer art created by other artists. Notable for her description of how a Video Image Recorder works.&lt;/li&gt;
  &lt;li&gt;Video: &lt;a href=&quot;https://www.youtube.com/watch?v=vAKWR2b6yB8&quot;&gt;Face To Face (1984)&lt;/a&gt; a video made to document her work on the last night of her residency at Time Life, featuring the images loading and displaying in real-time. Very cool!&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://archive.org/details/innovatorsofamer0000unse_v4p1/page/122/mode/2up&quot;&gt;Innovators of American Illustration (1986)&lt;/a&gt; an interview by &lt;em&gt;Steven Heller&lt;/em&gt;.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://archive.org/details/PC_Computing_1988_10/page/n101/mode/2up&quot;&gt;PC Computing Magazine (1988)&lt;/a&gt; “The Art of Barbara Nessim” by &lt;em&gt;Carol Olsen Day&lt;/em&gt; showing the work Barbara did on the NEC PC-100 whilst in Japan, on her Commodore Amiga, and on her Macintosh Plus, plus mention of her Polaroid Palette video image recorder.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://archive.org/details/isbn_9781581150759/page/8/mode/2up&quot;&gt;The Education of an Illustrator (2000)&lt;/a&gt; an essay by &lt;em&gt;Barbara Nessim&lt;/em&gt; on her thinking and process as an illustrator.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://archive.org/details/digitalcreativit0000wand/page/76/mode/2up&quot;&gt;Digital Creativity: Techniques for Digital Media and the Internet (2001)&lt;/a&gt; a short interview by &lt;em&gt;Bruce Wands&lt;/em&gt; with details about her process.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;http://www.artnet.com/usernet/awc/awc_historyview_details.asp?aid=424871289&amp;amp;awc_id=39038&amp;amp;info_type_id=7&quot;&gt;3×3: The Magazine of Contemporary Illustration, Vol. 1, No. 3 (2004)&lt;/a&gt; Interview by &lt;em&gt;Charles Hively&lt;/em&gt;, formerly of Graphis magazine. Touches on the timeless quality of Barbara’s human figures and has a succinct description of her digital work along with the challenges of showing it.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://archive.org/details/PanelbordersBarbaraNessim&quot;&gt;Panel Borders: Barbara Nessim—a (comics) artful life (2013)&lt;/a&gt; interview by &lt;em&gt;Alex Fitch&lt;/em&gt; looking through a comic book and sequential image lens.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.commarts.com/columns/barbara-nessim&quot;&gt;Communication Arts: Barbara Nessim (2014)&lt;/a&gt; interview by &lt;em&gt;Anne Telford&lt;/em&gt; where Barbara speaks about archiving and keeping her work fresh.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://bgccraftartdesign.org/items/show/29&quot;&gt;BGC Craft, Art &amp;amp; Design Oral History Project (2014)&lt;/a&gt; &lt;strong&gt;Essential reading.&lt;/strong&gt; A great, long interview by &lt;em&gt;Emily Banas&lt;/em&gt;. Barbara talks about her use of the IPS-2, Apple Macintosh, and Commodore Amiga.&lt;/li&gt;
  &lt;li&gt;Video/Presentation: &lt;a href=&quot;https://youtu.be/--BAMGqbb8c?t=1115&quot;&gt;Barbara Nessim: From There to Here (2014)&lt;/a&gt; &lt;strong&gt;Essential viewing.&lt;/strong&gt; Barbara talks about her work as a pioneer in using computer technology to make art. Featuring work done on a Japanese NEC PC-100 and Commodore Amiga. Also includes “Face to Face” and a Q&amp;amp;A afterwards with info about the IPS-2 work.&lt;/li&gt;
  &lt;li&gt;Video: &lt;a href=&quot;https://www.youtube.com/watch?v=vjMUe7hkwRs&quot;&gt;The Lost Art of Canada’s Doomed Pre-Internet Web (2015)&lt;/a&gt; &lt;em&gt;Motherboard&lt;/em&gt; video about the Telidon/NAPLPS system, including footage of some cool art created using it.&lt;/li&gt;
  &lt;li&gt;Video: &lt;a href=&quot;https://www.youtube.com/watch?v=skHHummCJY4&quot;&gt;SVA Career Development presents: Gloria Steinem and Barbara Nessim: In Conversation (2018)&lt;/a&gt; an evening of conversation featuring Gloria Steinem and Barbara Nessim as they discuss their lives as pioneering young women starting their careers in New York City.&lt;/li&gt;
  &lt;li&gt;Audio: &lt;a href=&quot;https://illustrationdept.com/podcast/barbara-nessim-talks-to-giuseppe-castellano&quot;&gt;The Illustration Department: Barbara Nessim (2021)&lt;/a&gt; talks to &lt;em&gt;Giuseppe Castellano&lt;/em&gt; about the early days of her illustrious career.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://dinaburgarts.com/barbara-nessim&quot;&gt;DinaburgArts: Barbara Nessim (2021)&lt;/a&gt; profile by &lt;em&gt;Jessica Eisenthal&lt;/em&gt;.&lt;/li&gt;
  &lt;li&gt;Audio: &lt;a href=&quot;https://www.sighswhispers.com/episodes/episode-21-barbara-nessim&quot;&gt;Sighs &amp;amp; Whispers: Episode 21 (2021)&lt;/a&gt; &lt;strong&gt;Essential listening.&lt;/strong&gt; An interview by &lt;em&gt;Laura McLaws Helms&lt;/em&gt;. Includes Barbara describing how she operated the IPS-2 using a combination of keyboard commands and pen input.&lt;/li&gt;
&lt;/ul&gt;

&lt;hr /&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-uandlc-quote.png&quot; alt=&quot;If you have anything in the world to do with graphics, you would have to be pretty thick-skinned not to have &amp;quot;feelings&amp;quot; about the computer revolution. The truth is, when you &apos;re reached a certain level of accomplishment in your chosen vocation, it&apos;s more than a little disconcerting to have your pencil and T-square plucked from your hands and your drawing table kicked out from under you. Here you are at the peak of your powers and... VAVOOM...a whole new technology has come tumbling down on your head, without as much as an &amp;quot;If you please..&amp;quot; More exasperating still, is the army of mere &amp;quot;children&amp;quot; who are in cahoots with the devilish machines, tickle their keys and speak computerese fluently—a language that is quite foreign to many of us. Small wonder that some graphics people have entrenched themselves in on anti-computer stance, which they cling to like shipwrecked victims to a life raft. And the more they see of the fantastic hijinks of the new tool——the more threatening it becomes.&quot; title=&quot;Quote from U&amp;amp;lc (Upper &amp;amp; Lower Case) Magazine, Vol. 10, No. 4 (1983)&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;scans&quot;&gt;Scans&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/BYTE_Vol_09-10_1984-09_Computer_Graphics/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-byte-1984-09-image-01.jpg&quot; alt=&quot;JPG&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/BYTE_Vol_09-10_1984-09_Computer_Graphics/page/n113/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-byte-1984-09-image-02.jpg&quot; alt=&quot;JPG&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/BYTE_Vol_09-10_1984-09_Computer_Graphics/page/n163/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-byte-1984-09-image-03.jpg&quot; alt=&quot;JPG&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/BYTE_Vol_09-10_1984-09_Computer_Graphics/page/n305/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-byte-1984-09-image-04.jpg&quot; alt=&quot;JPG&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/BYTE_Vol_09-10_1984-09_Computer_Graphics/page/n361/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/barbara-nessim-byte-1984-09-image-05.jpg&quot; alt=&quot;JPG&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Thu, 09 Nov 2023 01:25:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2023/11/09/early-computer-art-by-barbara-nessim/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2023/11/09/early-computer-art-by-barbara-nessim/</guid>
        </item>
      
    
      
        <item>
          <title>List of vintage Japanese pixel/dot art software</title>
          <description>&lt;p&gt;For a while now I’ve been collecting references to old Japanese pixel/dot art software. My main sources of information are the treasure trove of scanned magazines on Internet Archive, Twitter archives, YouTube videos, Yahoo! Japan Auctions listings, and Google search. I’ve been keeping this list for a while, and the release of &lt;a href=&quot;https://myanimelist.net/anime/54041/16bit_Sensation__Another_Layer&quot;&gt;&lt;em&gt;16bit Sensation: Another Layer&lt;/em&gt;&lt;/a&gt; and its inclusion of &lt;a href=&quot;https://www.youtube.com/watch?v=nIdFor2WOnw&quot;&gt;&lt;em&gt;Multi Paint System&lt;/em&gt;&lt;/a&gt; made me realise I should make the list public.&lt;/p&gt;

&lt;p&gt;A long term goal would be to find files for each of these so they can be actively used and documented more fully. Most have them can be found in archives of preserved software, with clues in the spreadsheet below, and you can try them using emulation or &lt;a href=&quot;https://virtualosmuseum.org&quot;&gt;Virtual Machines&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/login-march-1985/LOGiN%20-%20March%201985/page/n75/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/list-of-vintage-japanese-pixel-dot-art-software.jpg&quot; alt=&quot;Funny (pixel art software) &amp;amp; CANDY (technical drawing software)&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2 id=&quot;selected-columns-from-the-big-list&quot;&gt;Selected columns from the big list&lt;/h2&gt;

&lt;p&gt;The table below is a snapshot of &lt;a href=&quot;https://docs.google.com/spreadsheets/d/17RhWfM2wXW4A-MkQdC6W-w00zHM2tbLfpzuSTD8woMs/edit#gid=0&quot;&gt;selected columns of a Google Sheet&lt;/a&gt; that I’m updating over time. The full spreadsheet contains links to downloads, videos, web pages, magazine mentions, and many other references. So be sure to check, bookmark or subscribe to that link for the very latest information. Since January 2024 I’ve been adding some non-Japanese software that was “big in Japan”.&lt;/p&gt;

&lt;p&gt;Regarding the empty cells: software missing a Japanese name was mostly referred to only by an English title. The rest of the missing information is TBC.&lt;/p&gt;

&lt;p&gt;ドット絵（ドットえ）作成に使えるビンテージ日本語ソフトの一覧です。&lt;/p&gt;

&lt;p&gt;Total entries: 272&lt;/p&gt;

&lt;div class=&quot;table-wrapper&quot;&gt;
  &lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Platform&lt;/th&gt;
        &lt;th&gt;English&lt;/th&gt;
        &lt;th&gt;Japanese&lt;/th&gt;
        &lt;th&gt;Year&lt;/th&gt;
        &lt;th&gt;Developer&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-7, X1&lt;/td&gt;
        &lt;td&gt;Art Creator&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;MDBA&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-7/8&lt;/td&gt;
        &lt;td&gt;Graphic Editor&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1983&lt;/td&gt;
        &lt;td&gt;Hiroshi Ichikawa&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-7/8&lt;/td&gt;
        &lt;td&gt;Super Graphic Editor&lt;/td&gt;
        &lt;td&gt;スーパーグラフィック エディター&lt;/td&gt;
        &lt;td&gt;1983&lt;/td&gt;
        &lt;td&gt;T&amp;amp;E SOFT&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-77&lt;/td&gt;
        &lt;td&gt;FM Graphic Editor&lt;/td&gt;
        &lt;td&gt;FMグラフィックエディタⅡ V1.0&lt;/td&gt;
        &lt;td&gt;1986&lt;/td&gt;
        &lt;td&gt;Fujitsu&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-R50/60&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Kid FP&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-R60/70&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Kid FP&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;ARTemis&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Ryosuke Matsuuchi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;DRAW BOARD2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Souji Yamakawa&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;G-Pen32K&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;rice&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;many COLORS&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Amorphous&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;many COLORS II&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;Amorphous&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;Meta Paint 2&lt;/td&gt;
        &lt;td&gt;メタペイント2&lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;Oizumi Shigeru&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;New Transfer&lt;/td&gt;
        &lt;td&gt;ニュートランスファー&lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;Hiroshi Toda&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;Oops, anime-kun&lt;/td&gt;
        &lt;td&gt;おっとアニメ君&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Nihon Mi-Com Hanbai&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;Otome / Towns Paint System&lt;/td&gt;
        &lt;td&gt;乙女座&lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Yabara&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;Power Paint&lt;/td&gt;
        &lt;td&gt;パワーペインター&lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;Wave Train&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;Towns PAINT&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Fujitsu&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;TownsFullcolor&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Fujitsu&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;FM-Towns&lt;/td&gt;
        &lt;td&gt;Z’s STAFF PRO-TOWNS&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Mac OS X&lt;/td&gt;
        &lt;td&gt;DotEditerSE&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2016&lt;/td&gt;
        &lt;td&gt;tokyoconsaruai&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Mac OS X&lt;/td&gt;
        &lt;td&gt;DotShot X&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2007&lt;/td&gt;
        &lt;td&gt;Studio Shin&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Mac OS X&lt;/td&gt;
        &lt;td&gt;FireAlpaca&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2011&lt;/td&gt;
        &lt;td&gt;FireAlpaca&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Mac OS X&lt;/td&gt;
        &lt;td&gt;PikoPixel&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2013&lt;/td&gt;
        &lt;td&gt;Twilight Edge Software&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Mac OS X&lt;/td&gt;
        &lt;td&gt;PoCo&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2005&lt;/td&gt;
        &lt;td&gt;KAENRYUU Koutoku&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Macintosh&lt;/td&gt;
        &lt;td&gt;BluePaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;Shungo Onozuka&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Macintosh&lt;/td&gt;
        &lt;td&gt;DotShot&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1998&lt;/td&gt;
        &lt;td&gt;Studio Shin&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Macintosh&lt;/td&gt;
        &lt;td&gt;Leo paint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1997&lt;/td&gt;
        &lt;td&gt;Reona Takahashi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Macintosh&lt;/td&gt;
        &lt;td&gt;SketchBook 68K&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;Shibutaro Kimura&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Macintosh&lt;/td&gt;
        &lt;td&gt;Solid Paint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;Masatoshi Utashiro&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Macintosh&lt;/td&gt;
        &lt;td&gt;WishDraw&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1998&lt;/td&gt;
        &lt;td&gt;Motoo Tanaka&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MPC-X&lt;/td&gt;
        &lt;td&gt;MPC-X Lightpen Graphics&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;Sanyo&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;ACE-tools DRAW-SET&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1997&lt;/td&gt;
        &lt;td&gt;Akio Hiramatsu&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Animation editor EDDY&lt;/td&gt;
        &lt;td&gt;アニメエディタＥＤＤＹ&lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;HAL Laboratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;ANIMECHA Ver. 2.00&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;MAR’Z PROJECT&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Art Paper&lt;/td&gt;
        &lt;td&gt;アートペーパー&lt;/td&gt;
        &lt;td&gt;1986&lt;/td&gt;
        &lt;td&gt;Mitsubishi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;CHEESE&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;NEOS&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;CHEESE 2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;NEOS&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Computer Painting&lt;/td&gt;
        &lt;td&gt;描きくけコン&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;Casio&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Creative Tool&lt;/td&gt;
        &lt;td&gt;クリエイティブツール&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;HAL Laboratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Da Vinci&lt;/td&gt;
        &lt;td&gt;ダ・ビンチ&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Shinkikakusha Corp&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Dot Designers Club&lt;/td&gt;
        &lt;td&gt;ＤＤ倶楽部&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;T&amp;amp;E SOFT&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Dream Block&lt;/td&gt;
        &lt;td&gt;ドリームブロック&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Nikkoh Thinking&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;EDDY II&lt;/td&gt;
        &lt;td&gt;エディー&lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;HAL Laboratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Gaban&lt;/td&gt;
        &lt;td&gt;がばん&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Micronet&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Garakuta&lt;/td&gt;
        &lt;td&gt;画楽多&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Southern Create&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graph Saurus 1&lt;/td&gt;
        &lt;td&gt;グラフサウルス&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Bit²&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graph Saurus 2&lt;/td&gt;
        &lt;td&gt;グラフサウルスVer2.0&lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;Bit²&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graph Saurus 2.1&lt;/td&gt;
        &lt;td&gt;グラフサウルスVer2.1&lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Bit²&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graphic Artist&lt;/td&gt;
        &lt;td&gt;グラフィックアーティスト&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;YAMAHA&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graphic Editor&lt;/td&gt;
        &lt;td&gt;グラフィックエディター&lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;HAL Laboratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graphic Editor ANGLE&lt;/td&gt;
        &lt;td&gt;グラフィック エディタ アングル&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;Hiroshi Ichikawa&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graphic Editor XV&lt;/td&gt;
        &lt;td&gt;グラフィックエディター&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;HAL Laboratory?&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graphic Master Lab&lt;/td&gt;
        &lt;td&gt;グラフィックマスターラボ&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;HAL Laboratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graphic Studio Pro&lt;/td&gt;
        &lt;td&gt;カラー・グラフィック・エディター&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;HAL Laboratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Graphic Tool for screen 12&lt;/td&gt;
        &lt;td&gt;専用簡易グラフィックツール&lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;KNKKY&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Illustration Word Processor&lt;/td&gt;
        &lt;td&gt;絵はがき用ワープロ&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;Hitachi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Joy Graph&lt;/td&gt;
        &lt;td&gt;ジョイグラフ&lt;/td&gt;
        &lt;td&gt;1983&lt;/td&gt;
        &lt;td&gt;Victor&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Kakikuke kon&lt;/td&gt;
        &lt;td&gt;かきくけこん&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;Casio&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Leonard&lt;/td&gt;
        &lt;td&gt;レオナルド&lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Omega System&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Leonard Plus Kanji&lt;/td&gt;
        &lt;td&gt;レオナルドプラス漢字&lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Omega System&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Lightpen Graphics&lt;/td&gt;
        &lt;td&gt;ライトペングラフィックス&lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;HAL Laboratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;MOKO&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1986&lt;/td&gt;
        &lt;td&gt;Toshio Tabeta&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;MOKO II Improved Version&lt;/td&gt;
        &lt;td&gt;改良版 MOKO II&lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Maeda Mameo&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;MSX’s TOOLS&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;Hitori Circle&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;The Painter&lt;/td&gt;
        &lt;td&gt;ザ・ペインター&lt;/td&gt;
        &lt;td&gt;1986&lt;/td&gt;
        &lt;td&gt;YAMAHA&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Tiny Joygraph&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;Victor&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Pattern Editor Robin&lt;/td&gt;
        &lt;td&gt;パターンエディターRobin&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;Hirohumi Ino&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Pixel 2&lt;/td&gt;
        &lt;td&gt;ピクセル２&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;T&amp;amp;E SOFT&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Pixel 3&lt;/td&gt;
        &lt;td&gt;ピクセル３&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;T&amp;amp;E SOFT&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;(Graphic Editor) Sha Ga Raku&lt;/td&gt;
        &lt;td&gt;写・画・楽&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Victor&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;UniPaint&lt;/td&gt;
        &lt;td&gt;ユニペイント&lt;/td&gt;
        &lt;td&gt;1986&lt;/td&gt;
        &lt;td&gt;Matsushita&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX&lt;/td&gt;
        &lt;td&gt;Video Graphics&lt;/td&gt;
        &lt;td&gt;ビデオグラフィックス&lt;/td&gt;
        &lt;td&gt;1986&lt;/td&gt;
        &lt;td&gt;Matsushita&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MSX, WAVY&lt;/td&gt;
        &lt;td&gt;Light Pen Graphics&lt;/td&gt;
        &lt;td&gt;ライトペングラフィックス&lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;Sanyo&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MZ-2500&lt;/td&gt;
        &lt;td&gt;G-EDIT2500&lt;/td&gt;
        &lt;td&gt;グラフィックエディタ2500&lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Data West&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MZ-2500&lt;/td&gt;
        &lt;td&gt;ILLUST BOX&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Rhodes&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MZ-2500&lt;/td&gt;
        &lt;td&gt;Palette&lt;/td&gt;
        &lt;td&gt;ぱれっと&lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Dynaware&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MZ-2500&lt;/td&gt;
        &lt;td&gt;Quick MZ Paint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Minoru Morinaka&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;MZ-2500&lt;/td&gt;
        &lt;td&gt;Super Paint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;S.B.C Software&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Newton&lt;/td&gt;
        &lt;td&gt;HexPaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1997&lt;/td&gt;
        &lt;td&gt;HexDump&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Newton&lt;/td&gt;
        &lt;td&gt;NewtPaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;Glen Raphael&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;OS/2&lt;/td&gt;
        &lt;td&gt;QueenCy&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;masami&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Palm&lt;/td&gt;
        &lt;td&gt;CLIE Paint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;Sony&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Palm&lt;/td&gt;
        &lt;td&gt;MoePaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2004&lt;/td&gt;
        &lt;td&gt;Toshiyuki Hayashi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Palm&lt;/td&gt;
        &lt;td&gt;PenPenCol&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;Shigeyuki Seko&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Palm&lt;/td&gt;
        &lt;td&gt;PenPenW&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2005&lt;/td&gt;
        &lt;td&gt;Shigeyuki Seko&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Palm&lt;/td&gt;
        &lt;td&gt;PixMarker&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;wernyv&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Palm&lt;/td&gt;
        &lt;td&gt;Sphere the PAINTER&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;Katsunori Sakuragi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Palm&lt;/td&gt;
        &lt;td&gt;yapp&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;Ines&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-100&lt;/td&gt;
        &lt;td&gt;Airbrush&lt;/td&gt;
        &lt;td&gt;エアーブラシ&lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;ASCII&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-6001&lt;/td&gt;
        &lt;td&gt;Picture Editor&lt;/td&gt;
        &lt;td&gt;ピクチャーエディタ&lt;/td&gt;
        &lt;td&gt;1983&lt;/td&gt;
        &lt;td&gt;ASCII&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Adventure Maker mk2&lt;/td&gt;
        &lt;td&gt;アドベンチャーツクールmkII&lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;T.Ueno&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;ART MASTER 88&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;SystemSoft&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;da Vinci ~Super Graphic Tool~&lt;/td&gt;
        &lt;td&gt;ダヴィンチ&lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;POPCOM&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Emi&lt;/td&gt;
        &lt;td&gt;絵美&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;MIINA&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;HR-PAINT3&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Ink Pot M&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;H.Komatsu&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;LALF ~Hyper Graphic Tool~&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Technopolis&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;LUNA&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;MEW&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Magic Paint 88 v2.0&lt;/td&gt;
        &lt;td&gt;マジックペイント88&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Atsushi Oshima&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Magic Paint 88 v3.0&lt;/td&gt;
        &lt;td&gt;マジックペイント88&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Atsushi Oshima&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Magic Paint 98&lt;/td&gt;
        &lt;td&gt;マジックペイント98&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Atsushi Oshima&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Magic Paint VA&lt;/td&gt;
        &lt;td&gt;マジックペイントVA&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Atsushi Oshima&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;nedi3.bin&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;TA(O)&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Super Artist 256&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Seed Software&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Yukara art&lt;/td&gt;
        &lt;td&gt;ユーカラart&lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Tokai Create&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Kid VA&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Kid88&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-88, X1&lt;/td&gt;
        &lt;td&gt;Ink Pot&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;H.Komatsu&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;256 Color Drawing Tool&lt;/td&gt;
        &lt;td&gt;256色お 絵描きツール&lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;6 Coloured Pencils&lt;/td&gt;
        &lt;td&gt;6色鉛筆&lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;tsutosan&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Actor98&lt;/td&gt;
        &lt;td&gt;アクター98&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Soft Studio Panther&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Adventure Maker 98&lt;/td&gt;
        &lt;td&gt;アドベンチャー ツクール98&lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;ASCII/LOGiN&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Akane&lt;/td&gt;
        &lt;td&gt;あかね&lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;Miruhi Takahara&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Art Frontier&lt;/td&gt;
        &lt;td&gt;アートフロンティア&lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;Bijutech&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;ArtCore (Art/V?)&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;SystemSoft&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Assist Art&lt;/td&gt;
        &lt;td&gt;アシストアート&lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;Assist Co., Ltd.&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Ayako&lt;/td&gt;
        &lt;td&gt;彩子&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Art Function&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Camel&lt;/td&gt;
        &lt;td&gt;キャメル&lt;/td&gt;
        &lt;td&gt;?&lt;/td&gt;
        &lt;td&gt;Nazca Corporation&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;CANDY&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;ASCII&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;CANDY2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;ASCII&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Character Maker 98&lt;/td&gt;
        &lt;td&gt;キャラクターツクール98&lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;Pegasus Japan&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Doodle Book / Rakugaki-chō&lt;/td&gt;
        &lt;td&gt;落書き帳&lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Toshiya Hayashi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;DynaPix V&lt;/td&gt;
        &lt;td&gt;ダイナビックスV&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Dynaware&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;ESQUISSE&lt;/td&gt;
        &lt;td&gt;電子水彩エスキース&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;SAPIENCE&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Funny&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Garakuta98&lt;/td&gt;
        &lt;td&gt;画楽多98&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Southern Create&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;GIOTTO&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1986&lt;/td&gt;
        &lt;td&gt;Art Function&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;GRAPHIC HENSHIN&lt;/td&gt;
        &lt;td&gt;ぐらひっく へんしん&lt;/td&gt;
        &lt;td&gt;1998&lt;/td&gt;
        &lt;td&gt;Taro Namae&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;GREEN&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Yoshito Takemura&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;GREM&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Yoshito Takemura&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Hyper Ayako&lt;/td&gt;
        &lt;td&gt;HYPER 彩子&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Art Function / Digital Arts&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;JEDAI&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;D.O. CORP&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Kureyon-chan&lt;/td&gt;
        &lt;td&gt;くれよん ちゃん&lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;Fusao Saito&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Maguro/Tuna Paint System&lt;/td&gt;
        &lt;td&gt;鮪ペイントシステム&lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;Woody_RINN&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Mapping Paint&lt;/td&gt;
        &lt;td&gt;写像ペイント&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;CAST&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Marupa&lt;/td&gt;
        &lt;td&gt;まるぱ&lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Ichikawa Soft Labratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;MEDI-98 / nedi3&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;NOZUMU&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Monopen&lt;/td&gt;
        &lt;td&gt;ものぺん&lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;OEAO&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Multi Paint System / MPS&lt;/td&gt;
        &lt;td&gt;マルチペイントシステム&lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;C-Lab&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Paint System Tool / PST&lt;/td&gt;
        &lt;td&gt;似非キース&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;hironon&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Paper&lt;/td&gt;
        &lt;td&gt;紙&lt;/td&gt;
        &lt;td&gt;?&lt;/td&gt;
        &lt;td&gt;Irem&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Penta-kun&lt;/td&gt;
        &lt;td&gt;ぺん太くん&lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;NEG&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Sadayan Paint&lt;/td&gt;
        &lt;td&gt;さだやんペイント&lt;/td&gt;
        &lt;td&gt;?&lt;/td&gt;
        &lt;td&gt;Irem&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;SANDY&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;Wataru Ishihara&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Small CANDY&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;ASCII&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Super Tableau&lt;/td&gt;
        &lt;td&gt;スーパータブロー&lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;SAPIENCE&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Tableau&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;SAPIENCE&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Tetsujin&lt;/td&gt;
        &lt;td&gt;鉄人&lt;/td&gt;
        &lt;td&gt;?&lt;/td&gt;
        &lt;td&gt;Irem&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;TrueLine&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;OEAO&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Z’s STAFF&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Kid&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1986&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Kid98&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PC-98&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Kid98 v3.0&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;PS-55&lt;/td&gt;
        &lt;td&gt;Z’s STAFF TRAD&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;SMC&lt;/td&gt;
        &lt;td&gt;Graphic Editor&lt;/td&gt;
        &lt;td&gt;グラフィックエディター&lt;/td&gt;
        &lt;td&gt;1984&lt;/td&gt;
        &lt;td&gt;Sony&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;TRON-OS&lt;/td&gt;
        &lt;td&gt;Pelistina&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2005&lt;/td&gt;
        &lt;td&gt;KAENRYUU Koutoku&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;TRON-OS&lt;/td&gt;
        &lt;td&gt;Pelistina 2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2005&lt;/td&gt;
        &lt;td&gt;KAENRYUU Koutoku&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;TRON-OS&lt;/td&gt;
        &lt;td&gt;Sketchbook&lt;/td&gt;
        &lt;td&gt;楽描き帳&lt;/td&gt;
        &lt;td&gt;2011&lt;/td&gt;
        &lt;td&gt;Satoshi Sera&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;TRON-OS&lt;/td&gt;
        &lt;td&gt;Xbrush for Chokanji&lt;/td&gt;
        &lt;td&gt;Xbrush for 超漢字&lt;/td&gt;
        &lt;td&gt;2013&lt;/td&gt;
        &lt;td&gt;Akira Tasaki&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Twin Famicom&lt;/td&gt;
        &lt;td&gt;Game Maker&lt;/td&gt;
        &lt;td&gt;ゲームメーカー&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;HAL Laboratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 2K&lt;/td&gt;
        &lt;td&gt;4thPaint&lt;/td&gt;
        &lt;td&gt;よつばペイント&lt;/td&gt;
        &lt;td&gt;2007&lt;/td&gt;
        &lt;td&gt;4th Paint Project&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 2K&lt;/td&gt;
        &lt;td&gt;Let’s Draw F&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2007&lt;/td&gt;
        &lt;td&gt;Oscar Creation&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;Daisy Art&lt;/td&gt;
        &lt;td&gt;デイジーアート&lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;Ichikawa Soft Labratory&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;Draw Unit&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;Type-甲&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;GOINDRW&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;Yasuhiro Nakata&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;ImgFinish&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;Syouichi Hattori&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;Pattern Editor PE&lt;/td&gt;
        &lt;td&gt;パターンエディタ PE&lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;Sailing Draw++&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Jun Satomi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;SUPER KiD&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;SUPER KiD v2.0&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 3.1&lt;/td&gt;
        &lt;td&gt;Tsuruniha○○mushi&lt;/td&gt;
        &lt;td&gt;つるニハ○○ムシ&lt;/td&gt;
        &lt;td&gt;1999&lt;/td&gt;
        &lt;td&gt;Mr Dad&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 7&lt;/td&gt;
        &lt;td&gt;EDGE2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2006&lt;/td&gt;
        &lt;td&gt;TAKABO SOFT&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;1bitPaper&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2004&lt;/td&gt;
        &lt;td&gt;shiden&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;ArtistX&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;ARINOKI&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;ArtistX Labolt&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2005&lt;/td&gt;
        &lt;td&gt;ARINOKI&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;AZPainter&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2006&lt;/td&gt;
        &lt;td&gt;Azel&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;AZPainter2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2009&lt;/td&gt;
        &lt;td&gt;Azel&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Camel2&lt;/td&gt;
        &lt;td&gt;キャメル2&lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;Nazca Corporation&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;D-Pixed&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;Jun Doi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;DoggyPaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;HKR.Jon&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Dot Art Kakiko&lt;/td&gt;
        &lt;td&gt;ドット絵カキコ&lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;YUUKI&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Dot Art Vacation&lt;/td&gt;
        &lt;td&gt;ドット絵バケーション&lt;/td&gt;
        &lt;td&gt;2002&lt;/td&gt;
        &lt;td&gt;Arue&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Dot Editor Ver 4.0&lt;/td&gt;
        &lt;td&gt;ドットエディタVer4.0&lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;PSIKYO&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Dot Pictureditor&lt;/td&gt;
        &lt;td&gt;ドット絵でぃた&lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;shishido&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;DotPainterALFAR&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2003&lt;/td&gt;
        &lt;td&gt;Herohero&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Easy Paint Tool SAI&lt;/td&gt;
        &lt;td&gt;ペイントツールSAI&lt;/td&gt;
        &lt;td&gt;2004&lt;/td&gt;
        &lt;td&gt;TANE/KOJI&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;eco paint&lt;/td&gt;
        &lt;td&gt;エコペイント&lt;/td&gt;
        &lt;td&gt;2006&lt;/td&gt;
        &lt;td&gt;tyty&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;EDGE&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;TAKABO SOFT&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;FARLUX&lt;/td&gt;
        &lt;td&gt;ファーラックス&lt;/td&gt;
        &lt;td&gt;1997&lt;/td&gt;
        &lt;td&gt;Studio BullTerrier&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;FudeBoard&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1998&lt;/td&gt;
        &lt;td&gt;matumoto&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Gpen96&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1999&lt;/td&gt;
        &lt;td&gt;Hiroshi Igami&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;GraphicsGale&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2004&lt;/td&gt;
        &lt;td&gt;HUMANBALANCE&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;HappyPaint32R&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1997&lt;/td&gt;
        &lt;td&gt;Isao Maruoka&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Hyper KiD&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;Fanfare&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Hyper-Paint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2004&lt;/td&gt;
        &lt;td&gt;kiriman&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;iDraw&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;hawk&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;ILLUSTMAKER&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;matumoto&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Janus&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2007&lt;/td&gt;
        &lt;td&gt;Rigeru&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Kakukakuoji&lt;/td&gt;
        &lt;td&gt;かくかくおうじ&lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;1BITMANIA&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;L-Paint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;via&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Let’s Draw&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;Oscar Creation&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Let’s Draw Z&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2003&lt;/td&gt;
        &lt;td&gt;Oscar Creation&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Light Painter&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;Yoshi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;LitePaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;Rigeru&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Matilda&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;ViikiSoft&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;mdiapp&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2007&lt;/td&gt;
        &lt;td&gt;nattou&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Mpaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;ura00&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Neko no Mori Graphic Editor&lt;/td&gt;
        &lt;td&gt;猫の森グラフィックエディタ&lt;/td&gt;
        &lt;td&gt;2009&lt;/td&gt;
        &lt;td&gt;Neko no Mori Soft&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;PAL Paint 2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2005&lt;/td&gt;
        &lt;td&gt;Togura&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;PictBear&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;Yasuyuki Kashiwagi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;PictBear 2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2009&lt;/td&gt;
        &lt;td&gt;Yasuyuki Kashiwagi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;piroPaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2011&lt;/td&gt;
        &lt;td&gt;piroyan&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Pixia&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1998&lt;/td&gt;
        &lt;td&gt;Isao Maruoka&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Pointillist Feng Chu 3&lt;/td&gt;
        &lt;td&gt;点画師鳳雛３&lt;/td&gt;
        &lt;td&gt;2005&lt;/td&gt;
        &lt;td&gt;Maya Takimoto&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;PRETTY ART&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;dmms_21&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;SPED4&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;TwinkleSoft&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;SUPER KiD 95&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;SUPER KiD FE&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1997&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;The Graphics&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2002&lt;/td&gt;
        &lt;td&gt;Fanfare&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Ultra KiD&lt;/td&gt;
        &lt;td&gt;ウルトラキッド&lt;/td&gt;
        &lt;td&gt;1997&lt;/td&gt;
        &lt;td&gt;Fanfare&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Ultra KiD v2.0&lt;/td&gt;
        &lt;td&gt;ウルトラキッド&lt;/td&gt;
        &lt;td&gt;1998&lt;/td&gt;
        &lt;td&gt;Fanfare&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows 9x&lt;/td&gt;
        &lt;td&gt;Yumeiro no Enogu&lt;/td&gt;
        &lt;td&gt;ゆめいろのえのぐ&lt;/td&gt;
        &lt;td&gt;2008&lt;/td&gt;
        &lt;td&gt;Kengo Watanabe&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows CE&lt;/td&gt;
        &lt;td&gt;EDGE Pocket 2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2009&lt;/td&gt;
        &lt;td&gt;TAKABO SOFT&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows CE&lt;/td&gt;
        &lt;td&gt;JINZO Paint 16&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1999&lt;/td&gt;
        &lt;td&gt;Tomohiro Ueno&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows CE&lt;/td&gt;
        &lt;td&gt;JINZO Paint 4&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1999&lt;/td&gt;
        &lt;td&gt;Tomohiro Ueno&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows CE&lt;/td&gt;
        &lt;td&gt;JINZO Paint full-colour&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1999&lt;/td&gt;
        &lt;td&gt;Tomohiro Ueno&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows CE&lt;/td&gt;
        &lt;td&gt;mdiapp mobile&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2008&lt;/td&gt;
        &lt;td&gt;nattou&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Windows CE&lt;/td&gt;
        &lt;td&gt;Pocket Artist&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;Conduits&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X-Windows&lt;/td&gt;
        &lt;td&gt;Gedo / Graphic EDitor OMNI&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1999&lt;/td&gt;
        &lt;td&gt;Yasuhito Sugiura&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X-Windows&lt;/td&gt;
        &lt;td&gt;Xbrush&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;Akira Tasaki&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X-Windows&lt;/td&gt;
        &lt;td&gt;xpx&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;yav&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X-Windows&lt;/td&gt;
        &lt;td&gt;XShodou&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1998&lt;/td&gt;
        &lt;td&gt;Hiroaki Sakai&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X1&lt;/td&gt;
        &lt;td&gt;turbo Z’s STAFF&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1985&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Art68K&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;OOYAMA&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Easypaint SX-68K&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;First Class Technology&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;EEL&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;GORRY&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;EX-WIN (EX-System)&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;Oh! X&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Full Color Paint Tool SAI&lt;/td&gt;
        &lt;td&gt;フルカラーペイントツール-彩-&lt;/td&gt;
        &lt;td&gt;1996&lt;/td&gt;
        &lt;td&gt;TANE/KOJI&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;G・TOOL&lt;/td&gt;
        &lt;td&gt;G・ツール&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Zainsoft&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;G68KversionII-PRO&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;OH! Bussiness&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;GE&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Miki Hoshino&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;GLab&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;Ushi no shizuku&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;gm256.x&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1993&lt;/td&gt;
        &lt;td&gt;Kanzu&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Graphics Editor ARTIST&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;T.Shimanuki/GCC&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Magic Palette&lt;/td&gt;
        &lt;td&gt;マジックパレット&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Musical Plan Ltd&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Matier&lt;/td&gt;
        &lt;td&gt;マチエール&lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;Meteor Art Tech&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;mfged.x&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Mamiyu Yuuki&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;MONOCRAYON&lt;/td&gt;
        &lt;td&gt;ＭＯＮＯくれよん&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Yasuhiro Sasama&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;MONOCRAYON Wide Edition&lt;/td&gt;
        &lt;td&gt;ワイド版 ＭＯＮＯくれよん&lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;Noboru Ishii&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Monotone&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;GUNchan&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Object Editor&lt;/td&gt;
        &lt;td&gt;オブジェクトエディタ&lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Tonbe&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Onazorikun&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1990&lt;/td&gt;
        &lt;td&gt;Muchi&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Prism 68K&lt;/td&gt;
        &lt;td&gt;プリズム68K&lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;WOLF TEAM&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;RG&lt;/td&gt;
        &lt;td&gt;ＲＧ&lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;RERO2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;RGBP&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1994&lt;/td&gt;
        &lt;td&gt;Tetsuya Kimura&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Usagi&lt;/td&gt;
        &lt;td&gt;うさぎ&lt;/td&gt;
        &lt;td&gt;1992&lt;/td&gt;
        &lt;td&gt;IKUTA&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;XGE&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1995&lt;/td&gt;
        &lt;td&gt;KYA!,CHIAKI&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;XPST&lt;/td&gt;
        &lt;td&gt;えせきーすX68&lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;kenna &amp;amp; PUNA&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Pro-68K&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1987&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;X68000&lt;/td&gt;
        &lt;td&gt;Z’s STAFF Pro-68K v2.0&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1989&lt;/td&gt;
        &lt;td&gt;Zeit&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Zaurus&lt;/td&gt;
        &lt;td&gt;PetitPaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;TOK&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Zaurus&lt;/td&gt;
        &lt;td&gt;PrismPaint 3&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2001&lt;/td&gt;
        &lt;td&gt;Soga Juroh&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Zaurus&lt;/td&gt;
        &lt;td&gt;PrismPocket&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2002&lt;/td&gt;
        &lt;td&gt;Soga Juroh&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Zaurus&lt;/td&gt;
        &lt;td&gt;Zausuke&lt;/td&gt;
        &lt;td&gt;ざうすけ&lt;/td&gt;
        &lt;td&gt;2000&lt;/td&gt;
        &lt;td&gt;Soga Juroh&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Zaurus Linux&lt;/td&gt;
        &lt;td&gt;CloverPaint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2005&lt;/td&gt;
        &lt;td&gt;Soga Juroh&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Zaurus Linux&lt;/td&gt;
        &lt;td&gt;PetitPeinture&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;2004&lt;/td&gt;
        &lt;td&gt;Sakira&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Dedicated&lt;/td&gt;
        &lt;td&gt;Aniputer&lt;/td&gt;
        &lt;td&gt;アニピュータ&lt;/td&gt;
        &lt;td&gt;1982&lt;/td&gt;
        &lt;td&gt;JVC&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Dedicated&lt;/td&gt;
        &lt;td&gt;Hyper Paint 2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;Shima Seiki&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Dedicated&lt;/td&gt;
        &lt;td&gt;Personal LINKS: PFB-2&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1991&lt;/td&gt;
        &lt;td&gt;LINKS Corporation&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Dedicated&lt;/td&gt;
        &lt;td&gt;Pyuta G-GRAPHIC&lt;/td&gt;
        &lt;td&gt;ぴゅう太 G-GRAPHIC&lt;/td&gt;
        &lt;td&gt;1982&lt;/td&gt;
        &lt;td&gt;Tomy&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Dedicated&lt;/td&gt;
        &lt;td&gt;SGI-Pictoris&lt;/td&gt;
        &lt;td&gt;ピクトリス&lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;LINKS Corporation&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Dedicated&lt;/td&gt;
        &lt;td&gt;SGX-Hyper Paint&lt;/td&gt;
        &lt;td&gt; &lt;/td&gt;
        &lt;td&gt;1988&lt;/td&gt;
        &lt;td&gt;Shima Seiki&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;

&lt;/div&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Sat, 21 Oct 2023 15:56:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2023/10/21/list-of-vintage-japanese-pixel-dot-art-software/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2023/10/21/list-of-vintage-japanese-pixel-dot-art-software/</guid>
        </item>
      
    
      
        <item>
          <title>Kenichi Shinohara’s Pixel Art Ukiyo-e (1987)</title>
          <description>&lt;p&gt;From LOGiN Magazine (1987, No 5) comes the story of 篠原賢一 (Kenichi Shinohara), a “cheerful uncle” from Hyogo Prefecture, who at the age of 60 years old began using an NEC PC-98 to draw pixel art reproductions of Ukiyo-e. He also printed them and made folding screens and kites! Just “for something to do”. I like his style! What a guy.&lt;/p&gt;

&lt;p&gt;His process involved pasting copies of artwork from books and magazines to his monitor screen and then tracing them using the mouse. After that he would clean up, add colour, and after 4 to 5 days print it out on his NEC NM9900, check and repeat. Each piece would take 1 to 2 weeks of work.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;This is pretty much the same process I used to create my &lt;a href=&quot;/tag/1bitwoodblocks/&quot;&gt;&lt;em&gt;1-bit Woodblocks&lt;/em&gt; series&lt;/a&gt;, though with a more modern set of tools, and similar to what &lt;a href=&quot;https://www.folklore.org/StoryView.py?project=Macintosh&amp;amp;story=MacPaint_Gallery.txt&quot;&gt;&lt;em&gt;Susan Kare&lt;/em&gt; did for her famous MacPaint artwork&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2 id=&quot;happy-100th&quot;&gt;Happy 100th&lt;/h2&gt;

&lt;p&gt;Given that this feature was published in 1987, when Kenichi was 64, that would make him 100 this year. Happy Birthday for your centenary, Kenichi, wherever you are! 🎂&lt;/p&gt;

&lt;h2 id=&quot;the-setup&quot;&gt;The Setup&lt;/h2&gt;

&lt;p&gt;We can read that he used pixel art software such as Z’s STAFF, FUNNY and CANDY2. The kite goes further and advertises that its image was drawn using Z’s STAFF with Pluskit LEVEL 1, an NEC PC-9801E and printed on an NEC MultiImpact NM-9900 dot matrix printer.&lt;/p&gt;

&lt;p&gt;Handily, many of these tools are &lt;a href=&quot;https://archive.org/details/login-march-1986/LOGiN%20-%20March%201986/page/n103/mode/1up&quot;&gt;referenced in a repeated feature about &lt;em&gt;ASCII C.G. Tools Festival&lt;/em&gt;&lt;/a&gt; which ran from the middle of November 1985 to the end of February 1986. That feature was essentially an advertisement for Zeit software company and was sponsored by them.&lt;/p&gt;

&lt;p&gt;We can see that Funny was a pixel art package, CANDY2 was a technical drawing app, Z’s STAFF was a pixel art app (&lt;em&gt;Zeit&lt;/em&gt;’s most famous, in fact), Pluskit LEVEL 1 was an “image reader” software add-on. Interestingly, &lt;a href=&quot;https://archive.org/details/logi-n-october-1986-raw-scans/LOGiN%20-%20October%201986/page/n458/mode/1up&quot;&gt;&lt;em&gt;Pluskit LEVEL 2&lt;/em&gt;&lt;/a&gt; involved an interface board to allow for direct camera input.&lt;/p&gt;

&lt;h2 id=&quot;login-1987-no-5&quot;&gt;LOGiN 1987 No 5&lt;/h2&gt;

&lt;p&gt;Thanks to &lt;a href=&quot;https://www.gamingalexandria.com/wp/magazines/&quot;&gt;Gaming Alexandria&lt;/a&gt; for scanning the magazine and making it available at Internet Archive: &lt;a href=&quot;https://archive.org/details/login-may-1987/LOGiN%20-%20May%201987/page/n169/mode/2up&quot;&gt;archive.org/details/login-may-1987/LOGiN%20-%20May%201987/page/n169/mode/2up&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;陽気なおごさんに教わるグラフィックツールのひミーふな使い方&lt;br /&gt;
Learn how to use graphics tools from a jolly old man&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Click the images below to see a zoomable, browsable version of the magazine.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/login-may-1987/LOGiN%20-%20May%201987/page/n169/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/kenichi-shinohara-pixel-art-ukiyoe-1.jpg&quot; alt=&quot;Kenichi Shinohara&apos;s pixel art Ukiyo-e, page 1 &amp;amp; 2&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/login-may-1987/LOGiN%20-%20May%201987/page/n171/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/kenichi-shinohara-pixel-art-ukiyoe-2.jpg&quot; alt=&quot;Kenichi Shinohara&apos;s pixel art Ukiyo-e, page 3 &amp;amp; 4&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/login-may-1987/LOGiN%20-%20May%201987/page/n171/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/kenichi-shinohara-pixel-art-ukiyoe-3.jpg&quot; alt=&quot;Kenichi Shinohara&apos;s pixel art Ukiyo-e, close up&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://archive.org/details/login-may-1987/LOGiN%20-%20May%201987/page/n171/mode/2up&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/kenichi-shinohara-pixel-art-ukiyoe-4.jpg&quot; alt=&quot;Kenichi Shinohara&apos;s pixel art Ukiyo-e, profile&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Fri, 13 Oct 2023 10:43:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2023/10/13/kenichi-shinohara-pixel-art-ukiyo-e/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2023/10/13/kenichi-shinohara-pixel-art-ukiyo-e/</guid>
        </item>
      
    
      
        <item>
          <title>Piskel for Playdate</title>
          <description>&lt;p&gt;I just pushed some changes to my Playdate-centric fork of Piskel:&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://github.com/gingerbeardman/piskel-playdate/tree/dev-1047&quot;&gt;github.com/gingerbeardman/piskel-playdate/tree/dev-1047&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This fork:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;can be used to build desktop apps on latest operating systems
    &lt;ul&gt;
      &lt;li&gt;updated to future-proof dependencies and build process&lt;/li&gt;
      &lt;li&gt;builds for Windows, Linux, macOS&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;has Playdate-specific features
    &lt;ul&gt;
      &lt;li&gt;get frame size from imagetable filename&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;has quality-of-life improvements
    &lt;ul&gt;
      &lt;li&gt;save keyboard shortcut will export PNG&lt;/li&gt;
      &lt;li&gt;ignore warnings preference&lt;/li&gt;
      &lt;li&gt;turns off animated preview by default&lt;/li&gt;
      &lt;li&gt;different window size and positioning&lt;/li&gt;
      &lt;li&gt;stops nagging if run in WebKit&lt;/li&gt;
      &lt;li&gt;modern macOS icon&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;adds useful community improvements
    &lt;ul&gt;
      &lt;li&gt;Outliner tool&lt;/li&gt;
      &lt;li&gt;Dither modifier keys&lt;/li&gt;
      &lt;li&gt;Keyboard cursor&lt;/li&gt;
      &lt;li&gt;Shift Palette Color Index Brush&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;adds new default Pencil tool
    &lt;ul&gt;
      &lt;li&gt;draws in the opposite color to that of the start pixel&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;apple-silicon-support&quot;&gt;Apple silicon support&lt;/h3&gt;

&lt;p&gt;Check out the &lt;a href=&quot;https://github.com/gingerbeardman/piskel-playdate/blob/dev-1047/README.md&quot;&gt;readme&lt;/a&gt; for details on how to quickly generate a new build without having to build nw.js from scratch. It’s very easy! Thanks to &lt;a href=&quot;https://www.ayushmanchhabra.com&quot;&gt;Ayushman Chhabra&lt;/a&gt; for help and hints.&lt;/p&gt;

&lt;h3 id=&quot;image-table-support&quot;&gt;Image Table support&lt;/h3&gt;

&lt;p&gt;Most of the time I load Piskel and drop an image table (a sort of sprite sheet) on it. Having to manually enter frame/cell size dimensions got old really fast, so this was my main motivation for doing a custom build. It’s a simple hack that checks the file name and parses out the cell dimensions. Slightly more tricky was trigger changes to the import panel so that everything looked and worked as it should.&lt;/p&gt;

&lt;h3 id=&quot;ignore-warnings&quot;&gt;Ignore Warnings&lt;/h3&gt;
&lt;p&gt;After editing an image in Piskel the majority of the time I export it and then quit the app. The app always nags twice: firstly to make sure you wanted to “leave the site?” - a leftover from the fact this is a web tool at heart - and a secondly to make sure you want to “abandon unsaved changes?”. An option to ignore these warnings is such a time saver.&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;I also took the opportunity to add some useful features developed by the community.&lt;/p&gt;

&lt;h3 id=&quot;outliner-tool&quot;&gt;Outliner tool&lt;/h3&gt;

&lt;p&gt;Thanks to &lt;a href=&quot;https://github.com/ElectricToy/piskel/pulls?q=is%3Apr+is%3Aclosed&quot;&gt;ElectricToy&lt;/a&gt; for this patch, it works like flood fill but only fills the outline of any pixels it hits. You can hold Cmd to do a slightly thicker outline including corners.&lt;/p&gt;

&lt;h3 id=&quot;dither-modifier-keys&quot;&gt;Dither modifier keys&lt;/h3&gt;

&lt;p&gt;Another one from &lt;a href=&quot;https://github.com/ElectricToy/piskel/pulls?q=is%3Apr+is%3Aclosed&quot;&gt;ElectricToy&lt;/a&gt;, this gives you 25% ad 75% dither patterns by holding modifier keys, in addition to the standard 50% checkerboard dither pattern.&lt;/p&gt;

&lt;h3 id=&quot;keyboard-cursor&quot;&gt;Keyboard cursor&lt;/h3&gt;

&lt;p&gt;I’m not sure how useful this really is, but I added it anyway. Thanks to &lt;a href=&quot;https://github.com/piskelapp/piskel/tree/keyboard-cursor&quot;&gt;juliandescottes&lt;/a&gt; for the patch. You can control the pixel cursor location using Alt+cursor, and space will activate the current tool at that location. I haven’t tried it but you could set up a game controller to use these keys and &lt;a href=&quot;https://readonlymemory.vg/the-making-of-speedball-2/&quot;&gt;draw like Dan Malone did&lt;/a&gt;!&lt;/p&gt;

&lt;h3 id=&quot;shift-palette-color-index-brush&quot;&gt;Shift Palette Color Index Brush&lt;/h3&gt;

&lt;p&gt;This tool allows you to do shading using neighbouring colours more easily. Thanks to &lt;a href=&quot;https://github.com/piskelapp/piskel/pull/887&quot;&gt;blurymind&lt;/a&gt;.&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;And I even added a new tool myself!&lt;/p&gt;

&lt;h3 id=&quot;pencil-tool-new-default&quot;&gt;Pencil tool (new default)&lt;/h3&gt;

&lt;p&gt;Classic Macintosh style Pencil. Draws in the opposite color than that of the pixel the stroke begins on. If the stroke begins on transparent, or the secondary color, it draws in the primary color. If the stroke begins on the primary color, it draws in the secondary color. This minimizes the need to switch between selected colors. To draw in a single color you won’t need to change colors or tools at all.&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Wed, 10 May 2023 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2023/05/10/piskel-for-playdate/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2023/05/10/piskel-for-playdate/</guid>
        </item>
      
    
      
        <item>
          <title>Open Studios: Christmas 2022</title>
          <description>&lt;p&gt;This weekend I’m taking part in Christmas Open Studios at Krowji in Redruth.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;FRI 2nd Dec, 5pm–9pm&lt;/li&gt;
  &lt;li&gt;SAT 3rd Dec, 10am–4pm&lt;/li&gt;
  &lt;li&gt;SUN 4th Dec, 10am–4pm&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;See you there!?&lt;/p&gt;

&lt;p&gt;You’ll be able to buy my art and play my games.&lt;/p&gt;

&lt;p&gt;More info: &lt;a href=&quot;https://www.krowji.org.uk/open-studios/&quot;&gt;www.krowji.org.uk/open-studios/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/open-studios-2022-dec.jpg&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Fri, 02 Dec 2022 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2022/12/02/open-studios-christmas-2022/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2022/12/02/open-studios-christmas-2022/</guid>
        </item>
      
    
      
        <item>
          <title>Turning an iPad Pro into the Ultimate Classic Macintosh</title>
          <description>&lt;p&gt;I’ve started work on the next in my &lt;a href=&quot;/tag/1bitwoodblocks/&quot;&gt;1-bit Woodblocks&lt;/a&gt; series: “Tekagami” (Ito Shinsui’s “Hand Mirror”). So it’s a good time to talk about how I turned an iPad Pro into the ultimate Classic Macintosh.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ultimate-classic-macintosh-1.jpg&quot; alt=&quot;JPG&quot; title=&quot;One of my drawings in Deneba UltraPaint on System 7, running in a Macintosh emulator on an iPad Pro&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;emulators&quot;&gt;Emulators&lt;/h2&gt;

&lt;p&gt;Both Macintosh emulators available on iOS we’re ported by &lt;a href=&quot;https://Twitter.com/maczydeco&quot; title=&quot;@maczydeco&quot;&gt;@maczydeco&lt;/a&gt; who has done an amazing job making them feel truly at home on iOS. Many thanks! They need to be built from source using Xcode but it’s a pretty straight forward process.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Mini vMac&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Supports System 1.1 to 7.5.5&lt;/li&gt;
  &lt;li&gt;Limited RAM and CPU emulation&lt;/li&gt;
  &lt;li&gt;File Sharing via bespoke method&lt;/li&gt;
  &lt;li&gt;No dynamic screen resolution changing&lt;/li&gt;
  &lt;li&gt;Odd interface using Control key shortcuts&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://github.com/zydeco/minivmac4ios&quot;&gt;Source code&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;BasiliskII&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Supports System 7.0 to 8.1&lt;/li&gt;
  &lt;li&gt;Advanced RAM and CPU emulation&lt;/li&gt;
  &lt;li&gt;File Sharing via mapped folder&lt;/li&gt;
  &lt;li&gt;Dynamic screen resolutions through Monitors control panel, or automation&lt;/li&gt;
  &lt;li&gt;Native iOS interface for settings panel, negating all the issues with the desktop GUI&lt;/li&gt;
  &lt;li&gt;We have a winner!&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://github.com/zydeco/macemu/wiki/BasiliskII-for-iOS&quot;&gt;Source code&lt;/a&gt; (use the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;ios&lt;/code&gt; branch)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;file-sharing&quot;&gt;File Sharing&lt;/h2&gt;

&lt;p&gt;This works a treat in both emulators, but the experience is better in BasiliskII.&lt;/p&gt;

&lt;p&gt;With Mini vMac you need to run a special file import app, and then whilst it’s open use iOS Share Sheet to send a file to Mini vMac. These extra steps are just enough friction to make the emulator annoying to use.&lt;/p&gt;

&lt;p&gt;With BasiliskII things are easier as it has a drive mapped to the app’s file sharing folder. You can use the Share Sheet in the same way as Mini vMac, but you can also simply copy/move a file to the BasiliskII folder and it will be accessible inside the emulator. The only gotcha with this approach is that you’re best moving the file to the emulated system’s main disk drive otherwise you’ll encounter various oddities with certain apps that don’t know how to cope with files located on this type of drive.&lt;/p&gt;

&lt;h2 id=&quot;screen-resolutions&quot;&gt;Screen Resolutions&lt;/h2&gt;

&lt;p&gt;The original Macintosh had a native screen resolution of 512×342.&lt;/p&gt;

&lt;p&gt;Conceptually, the iPad has a logical screen resolution of 1024×768, which when running in pixel doubled mode equates to 512×384. A pretty good match. Specifically, the native resolution varies according to the model of iPad or iPhone you are using.&lt;/p&gt;

&lt;p&gt;I use an iPad Pro 12.9” which has a native resolution of 2732×2048, pixel doubled that means 1366×1024, and pixel quadrupled 683×512. Targeting this ballpark of resolution means user interface elements will be around the &lt;a href=&quot;https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/&quot;&gt;magic 44pt tappable area&lt;/a&gt;, so that fingertip interactions are accurate, predictable and enjoyable.&lt;/p&gt;

&lt;p&gt;Of course the iPad can flip between landscape and portrait orientations on demand, which means BasiliskII supporting the Monitors control panel is a big win.&lt;/p&gt;

&lt;p&gt;So I added a bunch of custom resolutions to the BasiliskII soure code to add support for both pixel-doubled and pixel-quadrupled resolutions, in both portrait and landscape, with and without room for the software keyboard. I can switch between these resolutions with keyboard shortcuts. Which leads nicely on to…&lt;/p&gt;

&lt;h2 id=&quot;custom-keyboards&quot;&gt;Custom Keyboards&lt;/h2&gt;

&lt;p&gt;Both emulators share the same software keyboard mechanism. The keyboard layouts are user-editable as JSON and &lt;a href=&quot;https://github.com/zydeco/macemu/tree/ios/BasiliskII/src/iOS/Keyboard%20Layouts&quot;&gt;compiled&lt;/a&gt; into a custom format.&lt;/p&gt;

&lt;p&gt;So I put together a &lt;a href=&quot;https://github.com/gingerbeardman/artworks-keyboard&quot;&gt;custom keyboard layout&lt;/a&gt; that can be used in either emulator that gives me quick thumb access to tools and shortcuts in my most used apps: artWORKS and UltraPaint. It works for both apps as they are closely related, sharing a lot of code and resources.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/ultimate-classic-macintosh-2.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;With this keyboard layout I’m not only relabelling the function keys, but also replacing some key codes to reposition keys for my own purposes. The apps don’t respond to function keys so I use macros and Apple Events to get things to work &lt;a href=&quot;/2021/04/19/automating-interactions-using-apple-events/&quot;&gt;as detailed in another post&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;how-does-the-experience-compare-to-a-real-macintosh&quot;&gt;How does the experience compare to a real Macintosh?&lt;/h2&gt;

&lt;p&gt;The most important aspect of this setup is that it runs System 7 and the various apps I use. That is the core of my classic Macintosh experience and the goal I had in mind. The hardware running System 7 is merely a conduit.&lt;/p&gt;

&lt;p&gt;That said, the iPad Pro is more portable, reliable and capable than my real Macintosh. That’s 30 years of hardware progress for you.&lt;/p&gt;

&lt;p&gt;The iPad’s display in particular is a huge differentiator—it can assume so many different resolutions it should be thought of as a collection of displays rather than just a single one.&lt;/p&gt;

&lt;p&gt;Apple Pencil is very similar in feel to my Wacom ArtPad II, but with the single huge improvement that you’re drawing directly on the screen. Drawing with an Apple Pencil on System 7 is every bit as good as drawing in a native iPad app.&lt;/p&gt;

&lt;p&gt;iOS is only a swipe away: download classic software using a modern web browser like Safari, expand archives more quickly with Files or Documents, watch videos picture-in-picture, search your Inside Macintosh PDFs in Books, listen to streaming music, and so many other things that aren’t doable (or at least are extremely difficult to do) on a real classic Macintosh.&lt;/p&gt;

&lt;p&gt;Bluetooth keyboards just work. The new/recent mouse pointer support in iOS also works. You could even plug the iPad into an external display to go full circle back to a desktop computer.&lt;/p&gt;

&lt;p&gt;This setup gives me the best of both old and new worlds, and that’s why I refer to it as the Ultimate Classic Macintosh.&lt;/p&gt;

&lt;h3 id=&quot;related-posts&quot;&gt;Related posts&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;Turning an iPad Pro into the Ultimate Classic Macintosh&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/04/21/building-basiliskii-for-ios/&quot;&gt;How to install BasiliskII on your iPad&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/04/19/automating-interactions-using-apple-events/&quot;&gt;Exploring Custom Keyboards and Automation&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/03/28/changing-the-size-of-toolbar-items-using-resedit/&quot;&gt;Optimising Macintosh app toolbars for touch&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/04/24/macintosh-drawing-software-compared/&quot;&gt;Macintosh drawing software compared&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/04/25/mixing-external-tools-across-deneba-software/&quot;&gt;Mixing External Tools across Deneba software&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/04/30/my-system-7-software-choices/&quot;&gt;My System 7 software choices&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2021/05/03/interoperability-of-system-7-and-ios/&quot;&gt;About the interoperability of System 7 and iOS&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;elsewhere&quot;&gt;Elsewhere&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;2021-03-29—&lt;a href=&quot;https://www.macobserver.com/cool-stuff-found/emulating-mac-plus-ios/&quot;&gt;The Mac Observer&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2021-04-18—&lt;a href=&quot;https://news.ycombinator.com/item?id=26854990&quot;&gt;Hacker News&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2021-04-19—&lt;a href=&quot;https://boingboing.net/2021/04/19/ipad-pro-turned-into-the-best-classic-mac-there-ever-was.html&quot;&gt;Boing Boing&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2021-04-19—&lt;a href=&quot;https://www.idownloadblog.com/2021/04/19/ipad-pro-classic-macintosh-emulator/&quot;&gt;iDownloadBlog&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2021-04-19—&lt;a href=&quot;https://www.loopinsight.com/2021/04/19/turning-an-ipad-pro-into-the-ultimate-classic-macintosh/&quot;&gt;The Loop&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2021-04-22—&lt;a href=&quot;https://www.fredzone.org/et-si-vous-transformiez-votre-ipad-en-macintosh-portable-2828&quot;&gt;FredZone&lt;/a&gt; (in French)&lt;/li&gt;
  &lt;li&gt;2021-04-23—&lt;a href=&quot;https://gizmodo.com/this-artist-turned-their-ipad-pro-into-a-classic-macint-1846749495&quot;&gt;Gizmodo&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2021-04-23—&lt;a href=&quot;https://pxlnv.com/linklog/classic-macintosh-painting/&quot;&gt;Pixel Envy&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;2021-04-26—&lt;a href=&quot;https://www.igen.fr/ipad/2021/04/un-ipad-pro-sous-systeme-7-pour-dessiner-en-noir-et-blanc-122071&quot;&gt;iGeneration&lt;/a&gt; (in French)&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Sat, 17 Apr 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/04/17/turning-an-ipad-pro-into-the-ultimate-classic-macintosh/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/04/17/turning-an-ipad-pro-into-the-ultimate-classic-macintosh/</guid>
        </item>
      
    
      
        <item>
          <title>Asanegami (Morning Hair)</title>
          <description>&lt;p&gt;Second in my series &lt;a href=&quot;/tag/1bitwoodblocks/&quot;&gt;1-bit Woodblocks&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;I’ve just finished “Asanegami” (Morning Hair) so I thought I’d go into a few of my favourite details!&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;eyes&lt;/li&gt;
  &lt;li&gt;eyebrows&lt;/li&gt;
  &lt;li&gt;background&lt;/li&gt;
  &lt;li&gt;lips&lt;/li&gt;
  &lt;li&gt;comb/history&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I spent a long time adding and refining eye details, my reasoning being that these are the first thing you look at.&lt;/p&gt;

&lt;p&gt;Also I went without “blusher” skin tone shading around the eyes, the amount of which varies depending on which impression of the original you’re looking at.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-eye.png#compare&quot; alt=&quot;PNG&quot; /&gt; &lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-eye-orig.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The eyebrows were quite tricky, I tried layering multiple dither patterns but was never happy with how they looked. In the end I cheated by copying sections from the shadowy area lower down the image that had just the right gradient! Everything is a remix.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-eyebrow.png#compare&quot; alt=&quot;PNG&quot; /&gt; &lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-eyebrow-orig.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The original background is quite busy. I tried being faithful to it but I was never happy with how it looked. Too noisy.&lt;/p&gt;

&lt;p&gt;So I used one of my own “noise” dithered patterns. I’m quite proud of these patterns and wonder if they are unique? They strike a good balance of order/chaos.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-bg.png#compare&quot; alt=&quot;PNG&quot; /&gt; &lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-bg-orig.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;On most impressions of Morning Hair the lips are a graduated pink fade, so I spent a while finding two complementary dither patterns that would give the same effect. Getting the exact shape of the lips was the moment I realised I was on the home straight with this drawing.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-lips.png#compare&quot; alt=&quot;PNG&quot; /&gt; &lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-lips-orig.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;In 1930 authorities considered “Morning Hair” too provocative and banned it under the Peace Preservation Law. Seventy of its hundred copies had sold and the remaining thirty were destroyed. 😱&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-comb.png#compare&quot; alt=&quot;PNG&quot; /&gt; &lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-comb-orig.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;I thought it would be a fun modern twist to replace the comb with an iPhone showing Instagram!&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-comb-ophone.png#compare&quot; alt=&quot;PNG&quot; /&gt; &lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/compare-1bit-asanegami-comb.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;As always I used a mix of old and new technology to create this piece.&lt;/p&gt;

&lt;p&gt;Old: UltraPaint on Macintosh System 7.1
New: Macintosh emulator on iPad Pro 12.9”&lt;/p&gt;

&lt;p&gt;My interpretation of Torii Kotondo’s “Morning Hair” will be available to purchase as print “1-bit Woodblock: Asanegami” very soon.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/1bit-asanegami.png&quot; alt=&quot;PNG&quot; /&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Mon, 22 Mar 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/03/22/asanegami-morning-hair/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/03/22/asanegami-morning-hair/</guid>
        </item>
      
    
      
        <item>
          <title>1-bit Woodblocks</title>
          <description>&lt;blockquote class=&quot;twitter-tweet&quot;&gt;&lt;p lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;Classic Mac on iPad is also great in Portrait!&lt;br /&gt;&lt;br /&gt;Double height resolution scales to fit very closely.&lt;br /&gt;&lt;br /&gt;iPad Pro 12.9&amp;quot; = 2048x2732&lt;br /&gt;Macintosh Portrait @ 4x = 2048x2760&lt;br /&gt;&lt;br /&gt;Install Mini vMac on your iPad from the source on GitHub:&lt;a href=&quot;https://t.co/5t1iXBv0kc&quot;&gt;https://t.co/5t1iXBv0kc&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Thanks &lt;a href=&quot;https://twitter.com/maczydeco?ref_src=twsrc%5Etfw&quot;&gt;@maczydeco&lt;/a&gt;! &lt;a href=&quot;https://twitter.com/hashtag/MARCHintosh?src=hash&amp;amp;ref_src=twsrc%5Etfw&quot;&gt;#MARCHintosh&lt;/a&gt; &lt;a href=&quot;https://t.co/yDj0MqkC5F&quot;&gt;pic.twitter.com/yDj0MqkC5F&lt;/a&gt;&lt;/p&gt;&amp;mdash; Matt Sephton🎴 (@gingerbeardman) &lt;a href=&quot;https://twitter.com/gingerbeardman/status/1375215086806138885?ref_src=twsrc%5Etfw&quot;&gt;March 25, 2021&lt;/a&gt;&lt;/blockquote&gt;
&lt;script async=&quot;&quot; src=&quot;https://platform.twitter.com/widgets.js&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;

</description>
          <author>by Matt Sephton</author>
          <pubDate>Sat, 13 Mar 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/03/13/1bit-woodblocks/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/03/13/1bit-woodblocks/</guid>
        </item>
      
    

  </channel>
</rss>
