<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Get Info: #art</title>
    <description>Posts tagged “art” — 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/art/</link>
    <atom:link href="https://blog.gingerbeardman.com/tag/art/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>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>Emigre typography and graphic design magazine (1984–2005)</title>
          <description>&lt;p&gt;&lt;em&gt;Emigre&lt;/em&gt; magazine was a highly influential graphic design publication. It was known for its innovative and experimental approach to typography and graphic design, pushing the boundaries of traditional design norms—for better or worse. The magazine was published from 1984 (year of the Macintosh launch) until 2005, and during its run it played a critical role in shaping the discourse around digital design and typography. It was founded by &lt;a href=&quot;https://www.emigre.com/Designer/RudyVanderLans&quot;&gt;&lt;em&gt;Rudy VanderLans&lt;/em&gt;&lt;/a&gt; and his wife &lt;a href=&quot;https://www.emigre.com/Designer/ZuzanaLicko&quot;&gt;&lt;em&gt;Zuzana Licko&lt;/em&gt;&lt;/a&gt;.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emigre-magazine.jpg&quot; alt=&quot;&quot; title=&quot;Selected covers from Emigre magazine (1984–2005)&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;tell-me-about-it&quot;&gt;Tell me about it&lt;/h2&gt;

&lt;p&gt;&lt;em&gt;Emigre&lt;/em&gt; is notable for many reasons, and if you’re interested in 80s and 90s design there will surely be something in there for you. I first heard about &lt;em&gt;Emigre&lt;/em&gt; when I started work at London graphic design agency &lt;a href=&quot;https://form.uk.com&quot;&gt;&lt;em&gt;Form&lt;/em&gt;&lt;/a&gt; in 1998, so about three quarters through the run.&lt;/p&gt;

&lt;p&gt;Some features that stand out for me personally are:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://wayback.archive-it.org/9432/20190926205616/http://goldstein.design.umn.edu/collection/emigre/typefaces/Lores.html&quot;&gt;Early bitmap fonts&lt;/a&gt; (1984) and &lt;a href=&quot;https://oa.letterformarchive.org/item?workID=lfa_emigre_0006&amp;amp;targPic=lfa_emigre_0006_009.jpg&quot;&gt;emoji-like pictograms&lt;/a&gt; (1986) created by &lt;a href=&quot;https://www.emigre.com/Designer/ZuzanaLicko&quot;&gt;&lt;em&gt;Zuzana Licko&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://oa.letterformarchive.org/item?workID=lfa_emigre_0003&amp;amp;targPic=lfa_emigre_0003_004.jpg&quot;&gt;Early 1-bit Macintosh art&lt;/a&gt; by &lt;a href=&quot;https://www.hersey.com/about&quot;&gt;&lt;em&gt;John Hersey&lt;/em&gt;&lt;/a&gt; (1985) and many other lovely period details&lt;/li&gt;
  &lt;li&gt;Designs by such luminaries as &lt;a href=&quot;https://oa.letterformarchive.org/item?workID=lfa_emigre_0013&amp;amp;targPic=lfa_emigre_0013_015.jpg&quot;&gt;&lt;em&gt;Neville Brody&lt;/em&gt;&lt;/a&gt;, &lt;a href=&quot;https://oa.letterformarchive.org/?dims=Name_KEY&amp;amp;vals0=SPIEKERMANNERIK&amp;amp;friendly0=Spiekermann%comma%20Erik&quot;&gt;&lt;em&gt;Erik Spiekermann&lt;/em&gt;&lt;/a&gt;, and &lt;a href=&quot;https://wayback.archive-it.org/9432/20190926160800/http://goldstein.design.umn.edu/collection/emigre/&quot;&gt;many more&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;Articles on people like font designer &lt;a href=&quot;https://oa.letterformarchive.org/item?workID=lfa_emigre_0026&amp;amp;targPic=lfa_emigre_0026_018.jpg&quot;&gt;&lt;em&gt;Aldo Novarese&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;Issues dedicated to the record label &lt;a href=&quot;https://oa.letterformarchive.org/item?workID=lfa_emigre_0009&quot;&gt;&lt;em&gt;4AD&lt;/em&gt;&lt;/a&gt; (1988) and &lt;a href=&quot;https://oa.letterformarchive.org/item?workID=lfa_emigre_0029&quot;&gt;&lt;em&gt;The Designers Republic&lt;/em&gt;&lt;/a&gt; (1994)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;online-archives&quot;&gt;Online archives&lt;/h2&gt;

&lt;p&gt;I recently wanted to read some of the issues again and found a couple of online archives:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://oa.letterformarchive.org/?dims=Collection&amp;amp;vals0=Emigre%20Collection&amp;amp;sortby=title&quot;&gt;Letterform Archive: Emigre Collection&lt;/a&gt; (browsable magazines, simplified cross references)&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://wayback.archive-it.org/9432/20190926160800/http://goldstein.design.umn.edu/collection/emigre/&quot;&gt;University of Minnesota: Emigre Magazine Index&lt;/a&gt; (only comprehensive cross references)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;digital-versions&quot;&gt;Digital versions&lt;/h2&gt;

&lt;p&gt;If you want to take the magazine with you today it’s available in the &lt;a href=&quot;https://www.emigre.com/Emigre-Fonts-App&quot;&gt;Emigre Fonts app&lt;/a&gt; for iPad/iPhone, which allows you to download the issues for offline reading.&lt;/p&gt;

&lt;p&gt;If you can’t use, or would rather not use, the official app &lt;a href=&quot;https://archive.org/details/emigre-magazine-archive-1984-2005&quot;&gt;I’ve converted the issues to CBZ files&lt;/a&gt;. Read those with &lt;a href=&quot;https://panels.app&quot;&gt;Panels&lt;/a&gt;, &lt;a href=&quot;https://apps.apple.com/gb/app/simple-comic/id1497435571?mt=12&quot;&gt;Simple Comic&lt;/a&gt;, &lt;a href=&quot;https://www.cdisplayex.com&quot;&gt;CDisplayEx&lt;/a&gt;, or another comic reader app of your choice.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;related-reading&quot;&gt;Related reading&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Emigre_(magazine)&quot;&gt;Emigre (magazine)&lt;/a&gt; at &lt;em&gt;Wikipedia&lt;/em&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;http://luc.devroye.org/fonts-27441.html&quot;&gt;Emigre&lt;/a&gt; entry at &lt;em&gt;Type Design Information Page&lt;/em&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.emigre.com/BooksCds/Type-90-HyperCard&quot;&gt;Type ‘90 HyperCard Video&lt;/a&gt; video of a HyperCard Stack&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.researchgate.net/publication/303776354_Designing_the_Emigre_Magazine_Index_Theory_and_Practice_in_an_Alternative_Research_Tool&quot;&gt;Designing the Emigre Magazine Index&lt;/a&gt;, &lt;em&gt;Jessica Barness, 2016&lt;/em&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://archive.org/details/merztoemigrebeyo0000hell/&quot;&gt;Merz to Emigre and Beyond&lt;/a&gt; Avant-Garde Magazine Design of the Twentieth Century&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;/2019/07/10/verbum-journal-of-personal-computer-aesthetics/&quot;&gt;Verbum “The Journal of Personal Computer-Aesthetics”&lt;/a&gt;, &lt;em&gt;Michael Gosney, 1986–&lt;/em&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Fri, 24 May 2024 20:19:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2024/05/24/emigre-typography-and-graphic-design-magazine-1984-2005/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2024/05/24/emigre-typography-and-graphic-design-magazine-1984-2005/</guid>
        </item>
      
    
      
        <item>
          <title>Emoji history: the missing years</title>
          <description>&lt;p&gt;During &lt;a href=&quot;/2023/10/21/list-of-vintage-japanese-pixel-dot-art-software/&quot;&gt;my research into vintage Japanese drawing software&lt;/a&gt;, I came across some devices that had built in sketch or handwritten memo functions. I bought a couple of them to see if they did anything cool or interesting. These sorts of devices are pre-internet, so there’s not much about them online, and they can’t be emulated, so the only way to find out what they do is to get first hand experience by reading the manual or, better, using one yourself. It’s difficult to find these devices in working condition, as most of them have screen polarisers that have gone bad over time, but if you’re lucky you can find one.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;1994&quot;&gt;1994&lt;/h2&gt;

&lt;p&gt;One such device &lt;a href=&quot;https://twitter.com/gingerbeardman/status/1748017395585683751&quot;&gt;I bought&lt;/a&gt; was the Sharp PI-4000, from 1994. This is a pocket computer that rolled out of Sharp’s involvement in the development and manufacturing of Apple’s Newton MessagePad. In 1993 Sharp did their own licenced version of the &lt;a href=&quot;https://apple.fandom.com/wiki/MessagePad_H1000&quot;&gt;Apple Newton MessagePad H1000&lt;/a&gt;, the &lt;a href=&quot;https://apple.fandom.com/wiki/Sharp_Expert_Pad_PI-7000&quot;&gt;Expert Pad PI-7000&lt;/a&gt;, but just like Apple’s device it wasn’t as successful as they’d hoped. But before that, in 1992, they’d made a device called the PV-F1 which was the first touchscreen-only PDA. After the Expert Pad failure, Sharp took another attempt at the concept and came up with the PI-3000 in 1993. This solved all the problems with the PV-F1, most notably size and cost. The device I have, the PI-4000, was released a year later and features higher memory capacity. The PI-3000/4000 devices could transfer data via infrared, connect to a modem to send faxes, and by the PI-5000 in 1995 could connect to cell phones to send emails. They all use a simplified—but still quite complicated—version of the multi-window operating system that had been developed for the PV-F1.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-sharp-pi-3000.jpg&quot; alt=&quot;&quot; title=&quot;Sharp Zaurus PI-3000 “Personal Information Tool” (1993)&quot; /&gt;&lt;/p&gt;

&lt;p&gt;So I was trying out the PI-4000, the memo function is pretty cool allowing you to draw in different dither shades and pen widths, and use stamps to add symbols to your memo. These are mostly map-related things like road and rail junctions, buildings, and train stations. Pretty cool. Then I tried typing some messages on the device and as I explored the myriad of keyboard input mechanisms I came across something rather familiar (sorry about the awful photo—it’s the best I could do, honest—the screen is very reflective and the pixels are so far from the backing they cast individual shadows!):&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-sharp-pi-4000-emoji-picker.jpg&quot; alt=&quot;PNG&quot; title=&quot;Look! It&apos;s an emoji picker on the Sharp PI-4000 (1994)&quot; /&gt;&lt;/p&gt;

&lt;p&gt;At this point, I couldn’t quite believe what I was seeing because I was under the impression that the first emoji were created by an anonymous designer at &lt;a href=&quot;https://emojipedia.org/softbank/1997&quot;&gt;SoftBank in 1997&lt;/a&gt;, and the most famous emoji were created by Shigetaka Kurita at &lt;a href=&quot;https://emojipedia.org/docomo/1999&quot;&gt;NTT DoCoMo in 1999&lt;/a&gt;. But the Sharp PI-4000 in my hands was released in 1994, and it was chock full of recognisable emoji. Then down the rabbit hole I fell. 🕳️🐇&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-sharp-pi-4000-emoji-table-16-16.png#pi4000&quot; alt=&quot;PNG&quot; title=&quot;Emoji present on the Sharp PI-4000 (1994)&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;1990&quot;&gt;1990&lt;/h2&gt;

&lt;p&gt;A little more reading, and a tip from my friend &lt;a href=&quot;https://twitter.com/chame&quot;&gt;@chamekan&lt;/a&gt; on Twitter, unearthed the fact that the NEC PI-ET1 in 1990 also contained emoji&lt;sup id=&quot;fnref:piet1&quot;&gt;&lt;a href=&quot;#fn:piet1&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;. I also found a &lt;a href=&quot;https://www.reddit.com/r/retrobattlestations/comments/vzm9gm/nec_piet1_the_first_and_only_electronic_organizer/&quot;&gt;collector who owned a device&lt;/a&gt;, and we’ll hear more from them later on. The device is literally the coolest thing you’ve ever seen. With system software written by video game developer Hudson Soft its character set features emoji that can be typed inline, and it also features a &lt;a href=&quot;https://youtu.be/8_w8elG3w0Y?t=248&quot;&gt;“montage function” that allows you to create faces for each of your contacts&lt;/a&gt;—15 years later we’d see something similar in Mii on Nintendo Wii in 2006. The emoji on this device are a lot less well designed, in my humble opinion, than those on the Sharp devices.&lt;/p&gt;

&lt;lite-youtube style=&quot;aspect-ratio: 16/9;&quot; videoid=&quot;8_w8elG3w0Y&quot; params=&quot;start=503&amp;amp;modestbranding=2&quot;&gt;
&lt;/lite-youtube&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-nec-pi-et1-emoji-table-20-20.png#piet1&quot; alt=&quot;PNG&quot; title=&quot;Emoji present on the NEC PI-ET1 (1990)&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;a-word-about-word-processors&quot;&gt;A word about word processors&lt;/h2&gt;

&lt;p&gt;By now I was in contact with Keith at &lt;a href=&quot;https://emojipedia.org&quot;&gt;Emojipedia&lt;/a&gt;, who mentioned that he remembered a Sharp device with emoji, a word processor. I found one in the Sharp WD-A521, from November 1990, which &lt;a href=&quot;http://kanji.zinbun.kyoto-u.ac.jp/~yasuoka/Emoji/SHARP-WD-A521p457-458.pdf&quot;&gt;featured higher resolution versions of the emoji designs&lt;/a&gt; found on my Sharp PI-4000.&lt;/p&gt;

&lt;p&gt;There’s also the Panasonic FW-U1S50 from 1990, &lt;a href=&quot;https://archive.org/details/panasonic-fw-u-1-s-50/Panasonic%20パーソナルワープロ%20FW-U1S50%20リファレンスマニュアル/page/n311/mode/1up&quot;&gt;which contains 110 famiiar emoji&lt;/a&gt; under a section called “illustrations”, and also contains &lt;a href=&quot;https://archive.org/details/panasonic-fw-u-1-s-50/Panasonic%20パーソナルワープロ%20FW-U1S50%20リファレンスマニュアル/page/n311/mode/1up&quot;&gt;another 99 “audio/visual” symbols&lt;/a&gt; some of which coincide with modern emoji.&lt;/p&gt;

&lt;p&gt;Perhaps there are other word processors from around that time that also contain emoji? I understand from my friend &lt;a href=&quot;https://twitter.com/haeckel&quot;&gt;Izumi Okano&lt;/a&gt; that Japanese software developer Enzan-Hoshigumi, &lt;a href=&quot;/2021/12/16/tomoya-ikeda-macintosh-artist/&quot;&gt;most famous for their Macintosh software and clipart&lt;/a&gt;, had created pictograms for one of the Canoword word processors around 1986. So at this point I’m thinking, why would the emoji on a word processor be ignored on the timeline of emoji history? Was there anything else being ignored?&lt;/p&gt;

&lt;p&gt;Before cell phones became prevalent there were pagers, or beepers, in Japan these were known as Pocket Bell. Initially they would only beep and show a number, and &lt;a href=&quot;https://twitter.com/s7ephenwithaph/status/1785939813432254950&quot;&gt;people would use “beeper slang”&lt;/a&gt; to form words by using numbers whose pronunciation was similar to words and syllables. Necessity is the mother of invention! Eventually pagers would be able to send and receive text. It was perhaps only natural that emoji find a home on these devices, with the most notable being the heart ❤️ emoji. But the date of this transition is 1995, which is earlier than the SoftBank emoji from 1997 but later than my Sharp PI-4000 device.&lt;/p&gt;

&lt;h2 id=&quot;a-note-about-beepers&quot;&gt;A note about beepers&lt;/h2&gt;

&lt;p&gt;As an aside, it’s interesting to understand how emoji were typed on pagers/beepers. They weren’t selected using a picker, which would have required cycling through a huge range of characters, but rather typed in numeric digits which narrows the cycling down to far less characters.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-pocket-bell-pager.jpg&quot; alt=&quot;JPG&quot; title=&quot;Pager cheat sheet, photo by 山下メロ &amp;lt;a href=https://ima.goo.ne.jp/column/article/6981.html&amp;gt;https://ima.goo.ne.jp/column/article/6981.html&amp;lt;/a&amp;gt;&quot; /&gt;&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;The numeric code: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;21 91 15 24 12 23 78&lt;/code&gt;&lt;br /&gt;
…would map to: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;カラオケイク？&lt;/code&gt;&lt;br /&gt;
…which means: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;KARAOKE?&lt;/code&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Wild. Typing text this way must have felt like programming machine code directly in hexadecimal!&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;what-makes-it-emoji&quot;&gt;What makes it emoji?&lt;/h2&gt;

&lt;p&gt;I was chatting to a fellow designer, who has designed many emoji in his career, discussing the earlier emoji I had found in my 1994 device. They asked me to confirm that I could type emoji inline with text, giving me the example &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;W😲W&lt;/code&gt;, which was his criteria for the symbols to qualify as emoji. If I couldn’t do that, he suggested we could only consider the symbols as icons.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-sharp-pi-4000-emoji-wow.jpg&quot; alt=&quot;PNG&quot; title=&quot;Passing the Emoji test on the Sharp PI-4000&quot; /&gt;&lt;/p&gt;

&lt;p&gt;So if I can type them inline amongst text on my device from 1994 that was capable of connecting to other devices and sending messages, then surely they should be considered the first emoji? Why do we, currently, only count emoji as emoji if they’re on a mobile phone? I’m also wondering when these emoji might have been designed. Were they created in 1994 for the PI-4000, in 1993 for the PI-3000, or earlier for another device?&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;1988&quot;&gt;1988&lt;/h2&gt;

&lt;p&gt;So I kept looking. I was aware of another line of Sharp devices, electronic organisers, known as the Bware range in Japan and Wizard in the USA. These were pretty popular at the time, so much so that the USA device even &lt;a href=&quot;https://en.wikipedia.org/wiki/The_Wizard_(Seinfeld)&quot;&gt;got it’s own episode of Seinfeld&lt;/a&gt; in 1998. I’d come back into contact with these devices just last year as they had the interesting capability of being able to &lt;a href=&quot;https://forums.insertcredit.com/t/stay-sharp-with-sc-denshi-system-techo-games/2326&quot;&gt;play video games&lt;/a&gt; stored on solid-state application “IC” cards. You can play a version of Tetris by BPS that is quite different to the Game Boy version, and both were released in 1989. You can also play versions of Sokoban by Thinking Rabbit, and Fortress by SSI/Victor, amongst others.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-sharp-pa-8500-1988.jpg&quot; alt=&quot;JPG&quot; title=&quot;Sharp PA-8500 (1988)&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Thanks to a collector, &lt;a href=&quot;https://www.reddit.com/r/OldHandhelds/comments/sr51ze/may_i_present_you_the_whole_family_of_sharp/&quot;&gt;Akuji&lt;/a&gt;, I was able to confirm that the Japanese PA-8500 device, released in 1988, contains emoji&lt;sup id=&quot;fnref:pa8500&quot;&gt;&lt;a href=&quot;#fn:pa8500&quot; class=&quot;footnote&quot; rel=&quot;footnote&quot; role=&quot;doc-noteref&quot;&gt;2&lt;/a&gt;&lt;/sup&gt; similar in design to those found on my PI-4000 and on the WD-A521. When redrawing these it was obvious that all the Sharp emoji sets are based on the same master design. (I’d love to know more about the Sharp artwork if anybody knows anything.)&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-sharp-pa-8500-emoji-table-20-20.png#pa8500&quot; alt=&quot;PNG&quot; title=&quot;Emoji present on Sharp PA-8500 (1988)&quot; /&gt;&lt;/p&gt;

&lt;p&gt;And if you need to see the word 絵文字 (emoji) next to these symbols to be satisfied, then look no further than this table column header in the manual of 1988’s Toshiba Rupo JW95F word processor.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-wapuro-toshiba-jw95f.png&quot; alt=&quot;IMG&quot; title=&quot;絵文字 as column header in Toshiba&apos;s Rupo JW95F word processor manual (1988)&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;how-old-is-an-emoji&quot;&gt;How old is an emoji?&lt;/h2&gt;

&lt;p&gt;At this point we’ve wiped almost a decade off the creation date of emoji, but can we go further? Is there a way to date a set of emoji? In Japanese 絵文字 means emoji — and it turns out that word has its own surprisingly long history, which I’ll come back to at the end of this post.&lt;/p&gt;

&lt;p&gt;If we think about the PA line of devices, the PA-8500 was released in 1988, and it’s predecessor the (emoji-less) PA-7000 was released in 1987. So maybe the emoji set was created around this time? We can get closer by looking at a couple of characters present in the emoji that give us &lt;a href=&quot;https://srad.jp/~yasuoka/journal/495877/&quot;&gt;a clue to the date of creation&lt;/a&gt;. That is indeed the case with the Sharp PI-4000 and WD-A521.&lt;/p&gt;

&lt;p&gt;The characters &lt;a href=&quot;https://ja.wikipedia.org/wiki/渡辺和博#○金・○ビ&quot;&gt;○金 and ○ビ&lt;/a&gt; (&lt;em&gt;maru-kin&lt;/em&gt; meaning rich/successful/winner and &lt;em&gt;maru-bi&lt;/em&gt; meaning poor/unsuccessful/loser) were invented by the author &lt;a href=&quot;https://ja.wikipedia.org/wiki/渡辺和博#○金・○ビ&quot;&gt;Kazuhiro Watanabe&lt;/a&gt; in 1984 in his book &lt;a href=&quot;https://www.amazon.co.jp/dp/4072734365&quot;&gt;Kinkonkan&lt;/a&gt; which was later &lt;a href=&quot;https://www.nikkatsu.com/movie/26211.html&quot;&gt;made into a movie&lt;/a&gt;. These were quickly accepted into Japanese vocabulary, winning the 84年の日本流行語 (Japanese Buzzwords Award 1984). And they are right there in the Sharp PI-4000 emoji, represented as characters enclosed in circles. They were in common use throughout Japan’s bubble-era, 1986-1991, but eventually fell out of fashion and are now considered obsolete. It’s interesting to note that they are not featured in either the &lt;a href=&quot;https://emojipedia.org/softbank/1997&quot;&gt;1997 SoftBank&lt;/a&gt; or &lt;a href=&quot;https://emojipedia.org/docomo/1999&quot;&gt;1999 NTT DoCoMo&lt;/a&gt; emoji sets.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;1986&quot;&gt;1986&lt;/h2&gt;

&lt;p&gt;Around the same time, the day after I published this post, I did a Twitter search and found an &lt;a href=&quot;https://x.com/NagoyaAB388/status/1789249098379575319/photo/1&quot;&gt;image of the November 1987 issue of ラジオの製作 (“Radio Production”) magazine&lt;/a&gt;, which featured a full page on a Sanyo SANWORD personal word processor and its emoji table. That sent me hunting for Sanyo manuals.&lt;/p&gt;

&lt;p&gt;The earliest I tracked down was the &lt;a href=&quot;https://archive.org/details/sanword-mini-s-swp-m21-portable-word-processor/&quot;&gt;Sanyo SWP-M21 “Sanword mini S”&lt;/a&gt;, a budget personal word processor from 1986. It has the usual cast — smiley face, snowman, fleur-de-lis, pointing finger, weather symbols, faces, hand gestures — but the genuinely fun bit is its 外字 editor. Sanyo let users design up to 94 of their own 24×24 dot characters and save them out to floppy. Build-your-own-emoji on a 1986 home appliance. 🎨&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/sanyo-swp-m21-brochure-emoji.jpg&quot; alt=&quot;Emoji on SANWORD mini S&quot; title=&quot;Emoji as shown on a brochure for SANWORD mini S [SWP-M21]&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The manual shows off the kinds of things you could make: a cat, a turtle, a mushroom, an elephant, a ship, a hand making a peace sign, a heart with an arrow through it, an orca. The accompanying copy brags 「とてもワープロとは思えないような、ユニークな印刷を楽しむことができます」 — “you can enjoy unique printing you’d hardly think a word processor could do.”&lt;/p&gt;

&lt;p&gt;Somewhere out there, there were Japanese homes in the late 80s with floppy disks full of personal pictographic vocabulary — family crests, drawings of pets, in-joke symbols between friends. Almost all of those floppies are presumably long gone now. If anyone has one in a drawer, I’d love to see it. 💾&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;1984&quot;&gt;1984&lt;/h2&gt;

&lt;p&gt;Once you accept that emoji existed in the 1980s, more things come to light. The Ishii Award 「石井賞創作タイプフェイスコンテスト」 was a &lt;a href=&quot;https://news.mynavi.jp/article/font-history-19/&quot;&gt;typeface design contest organised by the community of type designers in 1970&lt;/a&gt;. By 1984 it was in its 8th year. Yutaka Satoh of Type-Labo proposed a typeface consisting of emoji. Because they weren’t on screen they were created by arranging dots in various shapes, but they are recognisably emoji.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;Coincidentally, I used a hybrid of this sort of approach &lt;a href=&quot;/2023/11/26/easter-egg-emoji-converting-pixels-into-particles/&quot;&gt;when I added emoji to my game YOYOZO&lt;/a&gt; in September 2023: I plot the emoji as points but define them on a pixel grid.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-type-labo-typeface-1984.jpg&quot; alt=&quot;JPG&quot; title=&quot;Yakumono typeface (partial/proposed), created by Yutaka Satoh (TYPE-LABO) in 1984&quot; /&gt;&lt;/p&gt;

&lt;p&gt;In Matt Alt’s book &lt;a href=&quot;https://www.goodreads.com/book/show/30631850-the-secret-lives-of-emoji&quot;&gt;“The Secret Lives of Emoji: How Emoticons Conquered the World”&lt;/a&gt;, there is a brief mention of ASCII emoticons on the Japanese internet (JUNET) in 1984, and then it fast forwards to 1995 to begin talking about the Pager, missing a decade of emoji usage in the process.&lt;/p&gt;

&lt;p&gt;In the &lt;a href=&quot;https://www.type-labo.jp/Ohbun.html&quot;&gt;Yakumono typeface, created by Yutaka Satoh&lt;/a&gt; (TYPE-LABO), we can clearly see many of the key emoji that would persist throughout the years: smiley faces, food, drink, cigarettes, sweat, umbrella, paperclip, lips, envelope, and most interestingly the (not smiling) pile of poo. This typeface received an honourable mention at the awards. Some 40 years later, I think it’s safe to say it deserved more. 🏆&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;1979&quot;&gt;1979&lt;/h2&gt;

&lt;p&gt;We can see &lt;a href=&quot;http://kanji.zinbun.kyoto-u.ac.jp/~yasuoka/JUGYO/2009-12-21.pdf&quot;&gt;emoji in the character sets of Japanese home computers&lt;/a&gt; such as the Sharp MZ-80K, which included a UFO, smiley faces, stick figures, car, snake, and more. I won’t include them here but you can click the above link to see some in a PDF. 💾&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;1965&quot;&gt;1965&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://ja.wikipedia.org/wiki/BA-90&quot;&gt;“Full Moon With Face”, also known as BA-90&lt;/a&gt; which was listed in a book of typesetting symbols, published by Sha-ken in 1965. A &lt;a href=&quot;https://emojipedia.org/full-moon-face&quot;&gt;smiling moon is still present in the emoji set today&lt;/a&gt;. 🌝&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-ba-90-full-moon-with-face.png#ba90&quot; alt=&quot;PNG&quot; title=&quot;image courtesy of &amp;lt;a href=https://commons.m.wikimedia.org/wiki/File:BA-90.png&amp;gt;Wikimedia&amp;lt;/a&amp;gt;&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;1959&quot;&gt;1959&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://ja.wikipedia.org/wiki/CO-59&quot;&gt;CO-59 is a character set created in 1959&lt;/a&gt; for exchange of data between Japanese newspapers. In it is included a symbol of a baseball, which again is &lt;a href=&quot;https://emojipedia.org/baseball&quot;&gt;still present in emoji&lt;/a&gt; ⚾️ and &lt;a href=&quot;https://www.fileformat.info/info/unicode/char/26be/index.htm&quot;&gt;at Unicode codepoint U+26BE&lt;/a&gt; ⚾︎ today.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-co-59-baseball.png&quot; alt=&quot;PNG&quot; title=&quot;image courtesy of &amp;lt;a href=http://etlcdb.db.aist.go.jp/etlcdb/&amp;gt;ETL character database&amp;lt;/a&amp;gt;&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;comparing-emoji&quot;&gt;Comparing Emoji&lt;/h2&gt;

&lt;p&gt;I was interested in how the emoji that I have redrawn compared to the 1997 SoftBank and 1999 DoCoMo sets, and an early Pocket Bell, so here’s a little table.&lt;/p&gt;

&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt; &lt;/th&gt;
      &lt;th&gt;Sharp&lt;br /&gt;PA-8500&lt;/th&gt;
      &lt;th&gt;NEC&lt;br /&gt;PI-ET1&lt;/th&gt;
      &lt;th&gt;Sharp&lt;br /&gt;PI-4000&lt;/th&gt;
      &lt;th&gt;Pocket Bell&lt;br /&gt;R-FAHC&lt;/th&gt;
      &lt;th&gt;SoftBank&lt;/th&gt;
      &lt;th&gt;NTT&lt;br /&gt;DoCoMo&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;Year&lt;/td&gt;
      &lt;td&gt;1988&lt;/td&gt;
      &lt;td&gt;1990&lt;/td&gt;
      &lt;td&gt;1994&lt;/td&gt;
      &lt;td&gt;1995&lt;/td&gt;
      &lt;td&gt;1997&lt;/td&gt;
      &lt;td&gt;1999&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Quantity (approx)&lt;/td&gt;
      &lt;td&gt;100&lt;/td&gt;
      &lt;td&gt;130&lt;/td&gt;
      &lt;td&gt;170&lt;/td&gt;
      &lt;td&gt;7&lt;/td&gt;
      &lt;td&gt;90&lt;/td&gt;
      &lt;td&gt;176&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Resolution&lt;/td&gt;
      &lt;td&gt;16×16&lt;/td&gt;
      &lt;td&gt;16×16&lt;/td&gt;
      &lt;td&gt;12×12&lt;/td&gt;
      &lt;td&gt;5×7&lt;/td&gt;
      &lt;td&gt;12×12&lt;/td&gt;
      &lt;td&gt;12×12&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;a-word-about-the-word&quot;&gt;A word about the word&lt;/h2&gt;

&lt;p&gt;A side discovery: the word 絵文字 (emoji) itself has a much longer paper trail. The earliest citation I’ve found is &lt;a href=&quot;https://archive.org/details/kenkyushasnewjap0000unse_h0k7/page/228/mode/2up?q=絵文字&quot;&gt;Kenkyūsha’s New Japanese-English Dictionary&lt;/a&gt;, 1954—the standard postwar bilingual reference. It defines:&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/kenkyushas-new-japanese-english-dictionary-1954.png&quot; alt=&quot;e&apos;-mo&apos;ji 絵文字 n. a picture word; a pictorial symbol; picture writing; a pictograph; hieroglyphics (象形文字). 1954.&quot; title=&quot;e&apos;-mo&apos;ji 絵文字 n. a picture word; a pictorial symbol; picture writing; a pictograph; hieroglyphics (象形文字). 1954.&quot; /&gt;&lt;/p&gt;

&lt;p&gt;A settled dictionary headword forty-five years before DoCoMo. “Pictorial symbol” is the second listed sense — more central, by lexicographers’ ordering convention, than “hieroglyphics.”&lt;/p&gt;

&lt;p&gt;The word kept showing up in places I wasn’t expecting:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;1975: &lt;a href=&quot;https://archive.org/details/sony-system-equipment-handbook/Sony%20System%20Equipment%20Handbook?q=絵文字&quot;&gt;A Sony catalogue describes its ETV-4010 school AV mixing console&lt;/a&gt; as having 「パネル面の絵文字、色分け表示」 — “emoji on the panel face, colour-coded indicators”. The 絵文字 are the small pictographic labels on the control panel. Same functional concept as digital emoji, applied to industrial hardware, twenty-four years before i-mode.&lt;/li&gt;
  &lt;li&gt;1984: The graphic designer &lt;a href=&quot;https://archive.org/details/trademarkssymbol00kuwa&quot;&gt;Kuwayama Yasaburō publishes a 431-page reference book&lt;/a&gt; titled simply 『世界の絵文字』 (Sekai no Emoji / “Emoji of the World”) on global logos, pictograms, and trademark design, spanning the years 1970–1983.&lt;/li&gt;
  &lt;li&gt;1984: &lt;a href=&quot;https://archive.org/details/ascii-august-1984/ASCII_August_1984?q=絵文字&quot;&gt;ASCII magazine reviews the Canon PW-10 word processor&lt;/a&gt; in its August news section, noting that “各種記号、絵文字をワンタッチで表示することができる” — “various symbols and emoji can be displayed at the touch of a button”. Here are &lt;a href=&quot;https://newsletter.shifthappens.site/archive/new-in-the-collection-pt-3-canon-pw-101530/&quot;&gt;some great photos thanks to Marcin Wichary&lt;/a&gt;.&lt;/li&gt;
  &lt;li&gt;1985: &lt;a href=&quot;https://archive.org/details/ascii-msx-magazine-supplement-198510/ASCII%20MSX%20Magazine%20supplement%20198510-MsxBeanDictionary?q=絵文字&quot;&gt;MSX Magazine’s MSX 豆辞典 pocket dictionary supplement&lt;/a&gt;, distributed via Japan National Railways station kiosks, uses 絵文字 as the umbrella term in its entry for アイコン (icon), and gently complains that American influence has wrongly promoted “icon” into the same umbrella role.&lt;/li&gt;
  &lt;li&gt;1988: &lt;a href=&quot;/images/posts/emoji-wapuro-toshiba-jw95f.png&quot;&gt;Toshiba’s Rupo JW95F word processor manual uses 絵文字&lt;/a&gt; as a column header in its emoji-input reference table, no gloss whatsoever — the most casual possible use of a technical term.&lt;/li&gt;
  &lt;li&gt;1993: Nojima Hisao publishes “絵文字の心理的効果” (“Psychological Effects of Emoji”) in the intellectual monthly 現代のエスプリ. By January 1994 it was being cited internationally in the &lt;a href=&quot;https://archive.org/details/ERIC_ED370541?q=emoji&quot;&gt;Pacific Telecommunications Council conference proceedings&lt;/a&gt; in Honolulu.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;What DoCoMo’s 1999 set did was become the international reference point — which is why English borrowed 絵文字 as “emoji” rather than Sharp’s or Toshiba’s or Sanyo’s much earlier sets. The word’s invention is fiction. Its globalisation via DoCoMo is real, but only in English. 🌍&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt;

&lt;p&gt;So what does this all mean? I’d say mostly that the history emoji isn’t as clean cut as you might have thought. You can decide for yourself on what you consider to be the first emoji. It depends on our own personal definition, so there is no right or wrong answer. 😎&lt;/p&gt;

&lt;p&gt;Personally, I define the start date of emoji as the point in time when sets of these symbols first appeared for use whilst composing text. I don’t think the timeline should start at mobile phones, as this feels like a somewhat arbitrary decision that dismisses a lot of history. It’s like saying music only began to exist from the moment it could be recorded and listened to without the actual muscians being present. 🤔&lt;/p&gt;

&lt;p&gt;As to whether the timeline of emoji history will be rewritten with this knowledge, it’s difficult to say. Much of this falls in the grey area of happening around the time the internet was taking hold, plus most things about the origin of emoji are in Japanese language, so there are unlikely to be sources Wikipedia would consider verifiable enough. The best we could do is quote the pages of the manuals for devices, and for the rest hope that there’s some record in Japanese literature that could be cited.&lt;/p&gt;

&lt;p&gt;I won’t be running the Wikipedia editing gauntlet, but if you do please let me know how it goes! 🧨&lt;/p&gt;

&lt;hr /&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/emoji-history-piskel.png&quot; alt=&quot;PNG&quot; title=&quot;I added a new tool to the Piskel app to make redrawing hundreds of emoji a little bit easier&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;terms-of-use&quot;&gt;Terms of use&lt;/h2&gt;

&lt;blockquote&gt;
  &lt;p&gt;I painstakingly recreated the emoji sets on this page, pixel by pixel, over many days of hard work. I even went so far as &lt;a href=&quot;/2023/05/10/piskel-for-playdate/&quot;&gt;adding a new tool to the pixel art app I use&lt;/a&gt;, so as to make the task of redrawing hundreds of emoji a little less daunting. Feel free to utilize the emoji images, just remember to credit @gingerbeardman and include a link to this page. With one exception: I object to the use of these images for the purpose of creating NFTs. Thanks for your understanding!&lt;/p&gt;
&lt;/blockquote&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;printed-citations&quot;&gt;Printed citations&lt;/h2&gt;

&lt;div class=&quot;footnotes&quot; role=&quot;doc-endnotes&quot;&gt;
  &lt;ol&gt;
    &lt;li id=&quot;fn:piet1&quot;&gt;
      &lt;p&gt;NEC Electronic Tool PI-ET1, Instruction Manual, p.131, システム外字数 (“Non System Kanji”) &lt;a href=&quot;#fnref:piet1&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
    &lt;li id=&quot;fn:pa8500&quot;&gt;
      &lt;p&gt;Sharp Electronic Notebook PA-8500, Operating Instructions, p.201, 記号一覧表 (“Symbol List”) &lt;a href=&quot;#fnref:pa8500&quot; class=&quot;reversefootnote&quot; role=&quot;doc-backlink&quot;&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;
    &lt;/li&gt;
  &lt;/ol&gt;
&lt;/div&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Fri, 10 May 2024 20:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2024/05/10/emoji-history-the-missing-years/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2024/05/10/emoji-history-the-missing-years/</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>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>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>Where can I see Hokusai’s Great Wave today?</title>
          <description>&lt;p&gt;I’ve been obsessed with &lt;a href=&quot;https://en.wikipedia.org/wiki/The_Great_Wave_off_Kanagawa&quot;&gt;The Great Wave&lt;/a&gt; (or its more literal title: &lt;em&gt;Under the Wave, Off Kanagawa&lt;/em&gt;) since the mid-1990s. This Japanese woodblock print designed by &lt;em&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Hokusai&quot;&gt;Katsushika Hokusai&lt;/a&gt;&lt;/em&gt; is one of the world’s most iconic works of art. You’ve probably seen it crop up in a whole host of scenarios.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/great-wave-british-museum.jpg&quot; alt=&quot;JPG&quot; title=&quot;One of three early impressions of The Great Wave in the collection of The British Museum&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The interesting thing about woodblock prints is that the original piece of art was destroyed during the act of &lt;a href=&quot;https://www.youtube.com/watch?v=IBcB_dYtGUg&quot;&gt;mass production&lt;/a&gt;. In the case of The Great Wave, there are around 100 known, publicly viewable, early impressions that were made around the time Hokusai was alive. And there are very many impressions made after his death, not to mention modern prints that are not made using woodblocks.&lt;/p&gt;

&lt;p&gt;The trick to seeing one of the early impressions is being in the right place at the right time, because they are sensitive to light and will fade with over-exposure. Most are stored away for several of years, make a brief appearance, and then go back into long-term storage.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://www.youtube.com/watch?v=U_025NB8alw&quot;&gt;These early impressions vary&lt;/a&gt; in their details, colours and condition, so it’s worthwhile seeing more than just one. I’ve been lucky enough with timing to get to see two different impressions: the first was at The British Museum back in the early 2000s, and the second at &lt;a href=&quot;https://www.bristolmuseums.org.uk/bristol-museum-and-art-gallery/whats-on/hokusai-hiroshige-japanese-prints/&quot;&gt;Bristol Museum and Art Gallery&lt;/a&gt; in 2018. But in 2021 I missed seeing a different impression at The British Museum, one of three in their collection.&lt;/p&gt;

&lt;p&gt;Missing a viewing made me think about all the impressions in galleries and museums around the world, and which of them might currently be viewable. So I made a list of known impressions, with thanks to &lt;a href=&quot;https://www.britishmuseum.org/sites/default/files/2022-03/korenberg_article-for_hokusai%20_edited_volume_final-2020_accessible.pdf&quot;&gt;Capucine Korenberg at The British Museum&lt;/a&gt; for a head start. I spent time digging up their respective pages across the various museum and gallery online collections, which was the most laborious part of this project. After that I set up some automation using &lt;a href=&quot;https://github.com/huginn/huginn&quot;&gt;Huginn&lt;/a&gt; to alert me when an impression is pulled out of storage and put “on view”. This doesn’t happen very often—every few months or so, if we’re lucky—so it’s a nice surprise when a notification pops up. I also monitor Japanese press releases and news websites. If there’s any interest I’ll write a separate blog post about the automation I put in place for this project.&lt;/p&gt;

&lt;p&gt;Of course, there’s no fun in keeping this to myself so I put together a website containing the places where you can see The Great Wave today:&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://greatwavetoday.com&quot;&gt;greatwavetoday.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;As well as checking the website you can also subscribe to its RSS feed, so you’ll also receive those lovely surprise notifications! Both the web page and RSS feed are automatically generated.&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;Thanks to &lt;a href=&quot;https://twitter.com/soleio&quot;&gt;Soleio&lt;/a&gt; for thinking of such a great domain name!&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3 id=&quot;final-thoughts&quot;&gt;Final thoughts&lt;/h3&gt;

&lt;p&gt;Please do let me know if this project helps you see an early impression of Hokusai’s Great Wave.&lt;/p&gt;

&lt;p&gt;If you’re a museum or gallery and would like to have your impression tracked, please &lt;a href=&quot;https://github.com/gingerbeardman/greatwavetoday/issues/new/choose&quot;&gt;click this link and follow the prompts&lt;/a&gt;.&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Mon, 10 Apr 2023 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2023/04/10/where-can-i-see-hokusai-great-wave-today/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2023/04/10/where-can-i-see-hokusai-great-wave-today/</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>Tomoya Ikeda - Macintosh Artist</title>
          <description>&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;/images/posts/tomoya-ikeda-business-card.jpg&quot; alt=&quot;JPG&quot; title=&quot;Tomoya Ikeda - Macintosh Artist&amp;lt;br&amp;gt;(image:
Junichi Matsuda &amp;lt;a href=&amp;quot;https://twitter.com/mactechlab&amp;quot;&amp;gt;@mactechlab&amp;lt;/a&amp;gt;)&quot; /&gt;&lt;/p&gt;

&lt;h1 id=&quot;contents&quot;&gt;Contents&lt;/h1&gt;
&lt;ol&gt;
  &lt;li&gt;&lt;a href=&quot;#introduction&quot;&gt;Introduction&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#berkeley-systems&quot;&gt;Berkeley Systems&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#enzan-hoshigumi&quot;&gt;Enzan-Hoshigumi&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#macworld-expo&quot;&gt;MacWorld EXPO&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#selected-works&quot;&gt;Selected Works&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#mandala&quot;&gt;Mandala&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#the-life-and-times-of-tomoya-ikeda&quot;&gt;Timeline&lt;/a&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2 id=&quot;introduction&quot;&gt;Introduction&lt;/h2&gt;

&lt;p&gt;Tomoya Ikeda (池田友也) might not be a name you’re familiar with, but if you used a classic Macintosh computer at any time during in the 1990s you’re likely already familiar with some of his work.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-after-dark-flying-toasters-bw.png&quot; alt=&quot;PNG&quot; title=&quot;After Dark 2.0: Flying Toasters&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-after-dark-flying-toasters-about.png&quot; alt=&quot;PNG&quot; title=&quot;Flying Toasters: artwork by Tomoya Ikeda&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;berkeley-systems&quot;&gt;Berkeley Systems&lt;/h2&gt;

&lt;p&gt;Tomoya Ikeda played a key part in the evolution of After Dark’s world famous Flying Toasters. The original prototype artwork was done by Jack Eastman, at which time Ikeda-san was brought in as a contractor to draw the final 1-bit artwork. Later versions of the toasters were drawn in colour by Igor Gasowski and eventually rendered and animated in 3D by Jarir Maani.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-after-dark-flying-toasters-proto.png&quot; alt=&quot;PNG&quot; title=&quot;Flying Toasters: prototype artwork by Jack Eastman&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-after-dark-flying-toasters-color.png&quot; alt=&quot;PNG&quot; title=&quot;Flying Toasters: color artwork by Igor Gasowski&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Tomoya Ikeda also did the artwork for the Fish! screensaver module in Macintosh After Dark 2.0, once again &lt;a href=&quot;https://archive.org/details/artofdarkness00fent/page/21/mode/2up&quot;&gt;replacing existing artwork&lt;/a&gt; from its life as Mac Fish! by Tom &amp;amp; Ed’s Bogus Software.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-after-dark-fish.png&quot; alt=&quot;PNG&quot; title=&quot;After Dark 2.0: Fish!&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-after-dark-fish-about.png&quot; alt=&quot;PNG&quot; title=&quot;Fish Art by Tomoya Ikeda&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;enzan-hoshigumi&quot;&gt;Enzan-Hoshigumi&lt;/h2&gt;

&lt;p&gt;We need to travel back in time a bit, to the days before Ikeda-san was living in California. When he was in Japan he worked for a company called Enzan-Hoshigumi (演算星組). The company name is best translated as “Computer Gangsters”.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-eh-logo.png&quot; alt=&quot;PNG&quot; title=&quot; &quot; /&gt;&lt;/p&gt;

&lt;p&gt;They became well known on the early Macintosh scene by providing collections of extremely high quality Clipart in a traditional Japanese style, Dennou Emaki (電脳絵巻 or Cyber Picture Scroll), mostly drawn by Ikeda-san. And also their MacCalligraphy package that allowed drawing of traditional Japanese calligraphy using only the Macintosh mouse, with the thickness and subtleties of each stroke being controlled only by the speed and movement of the mouse.&lt;/p&gt;

&lt;h2 id=&quot;macworld-expo&quot;&gt;MacWorld EXPO&lt;/h2&gt;

&lt;p&gt;The 1988 MacWorld EXPO held in San Francisco was attended by over 45,000 people and hosted over 400 exhibits, one of which was Enzan-Hoshigumi. The hot topic of the time was &lt;a href=&quot;http://www.cornica.org/mac-reports/macworld-expo-1988/&quot;&gt;the new, colour and expandable Macintosh II&lt;/a&gt;. Photos courtesy of &lt;a href=&quot;https://twitter.com/haeckel&quot;&gt;Izumi Okano&lt;/a&gt;.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-eh-ikeda-prep.jpg&quot; alt=&quot;JPG&quot; title=&quot;Tomoya Ikeda preparing for the show in a San Francisco hotel room&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-eh-stand-prep.jpg&quot; alt=&quot;JPG&quot; title=&quot;Hirofumi Inoue (left), Izumi Okano (centre) and Ikeda-san (right, facing away) setting up&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-eh-stand-empty.jpg&quot; alt=&quot;JPG&quot; title=&quot;The Enzan-Hoshigumi range of Macintosh software&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-eh-ikeda-gosney.jpg&quot; alt=&quot;JPG&quot; title=&quot;Ikeda-san interviewed by Michael Gosney (Verbum Magazine) at Moscone Center&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The Boston MacWorld EXPO event later that year also had an Enzan-Hoshigumi stand, accompanied by a 7x12 feet multi-panel Japanese folding screen comprised of a sheet-by-sheet assembly of thermal prints from an enlarged Tomoya Ikeda PixelPaint illustration. The screen was later &lt;a href=&quot;https://archive.org/details/verbum203unse/page/2/mode/2up&quot;&gt;shown at the “imagine” event&lt;/a&gt; organised at Boston Computer Museum by Verbum Magazine.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-folding-screen.jpg&quot; alt=&quot;JPG&quot; title=&quot; &quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-folding-screen-colour.jpg&quot; alt=&quot;JPG&quot; title=&quot;Colour crop from Enzan-Hoshigumi profile in the 1989 No. 13 issue of MAC+ CYBER magazine&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;selected-works&quot;&gt;Selected Works&lt;/h2&gt;

&lt;p&gt;Below are some of my personal favourites.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-hyperlib.jpg&quot; alt=&quot;PNG&quot; title=&quot;Graphic for a feature article on サイバースペースデッキ in HyperLib issue 1, Jan/Feb 1989.&quot; /&gt;&lt;/p&gt;

&lt;p&gt;“The Golden Dragon” drawn in 1987 by Tomoya Ikeda (Enzan-Hoshigumi Co., Ltd.) using PixelPaint, the first full-color paint application for the Macintosh.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-golden-dragon-bw.png&quot; alt=&quot;PNG&quot; title=&quot;1-bit monochrome version, from &amp;quot;Chinese Zodiac Character Series Dragon&amp;quot;, 1987.&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-golden-dragon-color.jpg&quot; alt=&quot;JPG&quot; title=&quot;8-bit color version from the book &amp;quot;Getting Started in Computer Graphics&amp;quot; by Gary Olsen, 1989.&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;mandala&quot;&gt;Mandala&lt;/h2&gt;

&lt;p&gt;From 1988 Ikeda-san became fascinated with mandala—the circular figures representing the universe in Hindu and Buddhist symbolism—and would go on to draw many of them. A handful have survived in print, scattered across Macintosh graphics books published at the time. I’ve scanned those that I’ve found so far.&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-mandala-88.jpg&quot; alt=&quot;JPG&quot; title=&quot;Manadala 88. From &amp;lt;a href=&amp;quot;https://archive.org/details/verbum203unse/page/8/mode/2up&amp;quot;&amp;gt;Verbum 2.3 (Fall &apos;88).&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;Created using clipart from the Scroll &amp;quot;Heaven&amp;quot; collection, assembled and coloured in PixelPaint. &quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-mandala-89.jpg&quot; alt=&quot;JPG&quot; title=&quot;Mandala 89 (aka Red Mandala). From &amp;lt;a href=&amp;quot;https://archive.org/details/verbumbookofdigi0000gosn&amp;quot;&amp;gt;Verbum Book of Digital Painting (1990).&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;Created in Studio-8 and coloured using PixelPaint at full screen resolution on a 19&amp;quot; monitor. &quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-mandala-89-bw.png&quot; alt=&quot;PNG&quot; title=&quot;Mandala 89 blueprint. From &amp;lt;a hef=&amp;quot;https://archive.org/details/graybookdesignin00gosn&amp;quot;&amp;gt;The Gray Book (1990).&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;Created in Adobe Illustrator. This is the same design featured on Ikeda-san&apos;s business card.&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-mandala-goddess.jpg&quot; alt=&quot;JPG&quot; title=&quot;Oriental Goddess. From &amp;lt;a href=&amp;quot;https://archive.org/details/gettingstartedin00olse_2&amp;quot;&amp;gt;Getting Started in Computer Graphics (1989).&amp;lt;/a&amp;gt;&amp;lt;br&amp;gt;Created using PixelPaint.&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;the-life-and-times-of-tomoya-ikeda&quot;&gt;The life and times of Tomoya Ikeda&lt;/h2&gt;

&lt;blockquote&gt;
  &lt;p&gt;Timeline and memorial details taken from &lt;a href=&quot;http://p-media.jp/TomoyaIkeda/profile/index.html&quot;&gt;the p-media web site&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;dl&gt;
  &lt;dt&gt;1959&lt;/dt&gt;
  &lt;dd&gt;Born in Tokyo&lt;/dd&gt;
  &lt;dt&gt;1983&lt;/dt&gt;
  &lt;dd&gt;Graduated from Tokyo National University of Fine Arts and Music, Department of Design.&lt;/dd&gt;
  &lt;dd&gt;While studying at the University, he became interested in computer graphics, and upon graduating he began creating his own works.&lt;/dd&gt;
  &lt;dt&gt;1984&lt;/dt&gt;
  &lt;dd&gt;Won the Grand Prix at the 2nd ASCII Software Contest for &lt;a href=&quot;https://archive.org/details/logi-n-january-1985/LOGiN%20-%20January%201985/page/n99/mode/2up&quot;&gt;“Coron”&lt;/a&gt; (&lt;a href=&quot;https://ameblo.jp/koorogiyousyoku/entry-11983851960.html&quot;&gt;link&lt;/a&gt;).&lt;/dd&gt;
  &lt;dd&gt;Designed the arcade game &lt;a href=&quot;https://en.wikipedia.org/wiki/Daikaijū_no_Gyakushū&quot;&gt;“Dai-Kaiju no Gyakusou”&lt;/a&gt; for Enzan-Hoshigumi which was released by Taito.&lt;/dd&gt;
  &lt;dt&gt;1985&lt;/dt&gt;
  &lt;dd&gt;Awarded the Silver Prize at the International Exhibition of High Technology Art, for the work ‘Reincarnation’.&lt;/dd&gt;
  &lt;dd&gt;By 1988, he had designed many software products for the Macintosh, including “Dennou Emaki”, “Mac Shodo”, and “CyberSpaceDeck”.&lt;/dd&gt;
  &lt;dt&gt;1989&lt;/dt&gt;
  &lt;dd&gt;Moved to the United States.&lt;/dd&gt;
  &lt;dd&gt;Started CG production in Berkeley, California.&lt;/dd&gt;
  &lt;dd&gt;Designed “Flying Toaster” at Berkeley Systems, known for After Dark.&lt;/dd&gt;
  &lt;dt&gt;1994&lt;/dt&gt;
  &lt;dd&gt;Began translating and designing game software at the request of Palm Software in Silicon Valley.&lt;/dd&gt;
  &lt;dt&gt;1997&lt;/dt&gt;
  &lt;dd&gt;Planning and production of &lt;a href=&quot;https://appletechlab.jp/blog-entry-283.html&quot;&gt;“Type Designer”&lt;/a&gt; at Palm Software.&lt;/dd&gt;
  &lt;dt&gt;1998&lt;/dt&gt;
  &lt;dd&gt;1,000 typographic designs for the “Type Designer” are created.
Type Designer is released simultaneously in the US and Japan.&lt;/dd&gt;
  &lt;dd&gt;Sudden death from cancer in October, aged 39.&lt;/dd&gt;
  &lt;dt&gt;1999&lt;/dt&gt;
  &lt;dd&gt;Memorial exhibition &lt;a href=&quot;http://p-media.jp/TomoyaIkeda/index1.html&quot;&gt;“The World of CG: Tomoya Ikeda’s Digital Communication”&lt;/a&gt; held at the TEPCO building, Ginza, Tokyo.&lt;/dd&gt;
  &lt;dd&gt;&lt;a href=&quot;http://p-media.jp/TomoyaIkeda/ohtani.html&quot;&gt;Memorial speech&lt;/a&gt; delivered by Kazutoshi Otani (大谷和利)&lt;/dd&gt;
&lt;/dl&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/tomoya-ikeda-profile.jpg&quot; alt=&quot;PNG&quot; title=&quot;Tomoya Ikeda (1959-1998)&quot; /&gt;&lt;/p&gt;

&lt;h3 id=&quot;birthday-blog-post&quot;&gt;Birthday blog post?&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;Check out my other &lt;a href=&quot;/tag/birthday/&quot;&gt;#birthday&lt;/a&gt; blog posts.&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Thu, 16 Dec 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/12/16/tomoya-ikeda-macintosh-artist/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/12/16/tomoya-ikeda-macintosh-artist/</guid>
        </item>
      
    
      
        <item>
          <title>Daily Driver: Teaser Artwork</title>
          <description>&lt;p&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/daily-driver-artwork.jpg&quot; alt=&quot;JPG&quot; /&gt;&lt;/p&gt;

&lt;p&gt;I commissioned the talented &lt;a href=&quot;https://www.instagram.com/vxclhd/&quot;&gt;@vxclhd&lt;/a&gt; to create a clay-style diorama of Daily Driver!&lt;/p&gt;

&lt;p&gt;There are a few things in this scene that I’ve not yet shown in game footage. Imagine this is a box shot teaser in a game magazine, while you wait for the Playdate and its game to release.&lt;/p&gt;

&lt;p&gt;“Please understand”, as Satoru Iwata used to say.&lt;/p&gt;

&lt;blockquote class=&quot;twitter-tweet&quot; data-conversation=&quot;none&quot;&gt;&lt;p lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;It&amp;#39;s inspired by a style of plasticine modelling I often see in old 1980s Japanese computer/games promotional art. &lt;br /&gt;&lt;br /&gt;Examples that come to mind: box art on some of the Fujitsu FM-Towns Free Software Collection and select covers of MSX•FAN, but there are too many to mention. &lt;a href=&quot;https://t.co/aAdSEVL4yA&quot;&gt;pic.twitter.com/aAdSEVL4yA&lt;/a&gt;&lt;/p&gt;&amp;mdash; Matt Sephton🎴 (@gingerbeardman) &lt;a href=&quot;https://twitter.com/gingerbeardman/status/1428772256239476740?ref_src=twsrc%5Etfw&quot;&gt;August 20, 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>Mon, 23 Aug 2021 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2021/08/23/daily-driver-teaser-artwork/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2021/08/23/daily-driver-teaser-artwork/</guid>
        </item>
      
    
      
        <item>
          <title>Verbum “The Journal of Personal Computer-Aesthetics”</title>
          <description>&lt;p&gt;Verbum “The Journal of Personal Computer-Aesthetics” (1986–1991) was an early computer lifestyle magazine focusing on interactive art and computer graphics.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;All issues (well, except issue 4.3): &lt;a href=&quot;https://archive.org/details/verbummagazine?&amp;amp;sort=date&quot;&gt;archive.org/details/verbummagazine?&amp;amp;sort=date&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;Table of contents for all issues: &lt;a href=&quot;https://en.wikipedia.org/wiki/Verbum_(magazine)&quot;&gt;en.wikipedia.org/wiki/Verbum_(magazine)&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;Podcast interview with its creator Michael Gosney: &lt;a href=&quot;https://www.drfutureshow.com/drfutureblog/interview-media-pioneer-michael-gosney-on-the-renaissance-of.html&quot;&gt;www.drfutureshow.com/drfutureblog/interview-media-pioneer-michael-gosney-on-the-renaissance-of.html&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;tofigure&quot;&gt;&lt;img src=&quot;https://cdn.gingerbeardman.com/images/posts/verbum-the-journal-of-personal-computer-aesthetics.jpg&quot; alt=&quot;Verbum issue 5.2 front cover&quot; title=&quot;Verbum issue 5.2 front cover&quot; /&gt;&lt;/p&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Wed, 10 Jul 2019 00:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2019/07/10/verbum-journal-of-personal-computer-aesthetics/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2019/07/10/verbum-journal-of-personal-computer-aesthetics/</guid>
        </item>
      
    
      
        <item>
          <title>Today screensaver</title>
          <description>&lt;p&gt;&lt;em&gt;Today&lt;/em&gt; is a Mac OS X screensaver inspired by &lt;a href=&quot;https://en.wikipedia.org/wiki/On_Kawara#Today_series&quot;&gt;On Kawara’s &lt;em&gt;Today Series&lt;/em&gt;&lt;/a&gt;—nearly 3,000 date paintings made over five decades, each a monochrome background with the current date inscribed on it in the language and calendrical conventions of wherever Kawara happened to be that day.&lt;/p&gt;

&lt;p&gt;The screensaver displays today’s date in the same spirit. It can show the date, time, or day of the week, on a background colour of your choosing—or a random one.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://www.gingerbeardman.com/today/today.png&quot; alt=&quot;Today screensaver&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;download&quot;&gt;Download&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.gingerbeardman.com/today/&quot;&gt;gingerbeardman.com/today/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
          <author>by Matt Sephton</author>
          <pubDate>Thu, 09 Apr 2009 12:00:00 +0000</pubDate>
          <link>https://blog.gingerbeardman.com/2009/04/09/today-screensaver/</link>
          <guid isPermaLink="true">https://blog.gingerbeardman.com/2009/04/09/today-screensaver/</guid>
        </item>
      
    

  </channel>
</rss>
