Get Info: #1bit

Playdate 1-bit illustration postmortem

by Matt Sephton — Fri, 30 Jul 2021 00:00:00 +0000

Yesterday saw the opening of pre-orders for Playdate, a new handheld gaming device that I’m developing some games for. To celebrate the occasion I drew an illustration in 1-bit with dither patterns using Macintosh System 7.

This kind of style is most associated with HyperCard, which provides a bunch of great drawing tools and modes, and can be seen in many period pieces of interactive media, animations, art and video games.

I’ve been revisiting the artwork of Thoru Yamamoto recently, which I think influenced the style of this piece.

Toolbox

My tool of choice on System 7 is Deneba artWORKS because it supports multiple layers, a ton of external tools (plugins), and has a good workflow for vector and pixels. Plus, I use it on iPad Pro with Apple Pencil which makes the whole experience an absolute pleasure.

Some established Macintosh artists have questioned both my use of modern technology and my drawing techniques. Hopefully this post will give a little more insight into how I go about things.

Playdate

I first drew the body of the Playdate using Rounded Rectangles for the perimeter, screen, crank, d-pad, speaker grille and using Ovals for the buttons and corner screws. This was all done by eye, no measuring.

Afterwards I grouped all those shapes and used the Point Rotate external tool to rotate the group by an arbitrary amount until it looked like a fun enough jaunty angle.

Next, in the Layers Manager I set the shape layer to be greyed out and created a new layer to do some drawing. I used the Paintbrush tool with small circular brush to draw over the shapes by hand, erasing any mistakes and redrawing some sections of lines until I was happy.

Colouring

Given the nature of 1-bit there is no concept of colours only patterns of black and white to simulate different shades of grey. I could have drawn in colour and had the system convert to dither patterns, but I want to have manual control over the shades.

I first picked the dither pattern for the main “yellow” body and then picked the paler, more sparse, dither patterns for the steel crank handle, drop shadows and background. Fills were applied to closed areas using the Paint Can (flood fill) tool.

Details

I used the Paintbrush and Pencil tools to add in some details like the dots on the buttons and my hand-drawn version of the Playdate logo. The shadow was drawn freehand using the Paintbrush tool with a larger circular brush size. The background pattern is a simple sparse dither pattern applied using the Paint Can tool.

Party Up!

For pre-order day I thought it would be fun to add an extra layer to the illustration making it more celebratory. I had the idea to replicate the 🥳 emoji (Face with Party Horn and Party Hat) with the Playdate I’d already drawn.

Horn

This was drawn using a combination of freehand Brush tool and filled vector Polygons. Some extra shading is done using the Brush tool and a sparse dither pattern. I must have drawn a handful of different style horns, settling on the one that looked least like Playdate was smoking!

Hat

This was drawn as a vector path using the Polygon tool, and filled with a dithered pattern using the Gradient Fill tool. The frilly stuff on top of the hat is a handful of Arcs drawn in various directions, always starting from the tip.

Confetti

For the confetti I didn’t want to draw each one by hand, and I wanted them to be vectors rather than pixels so they remained as editable as possible. I found that drawing very short curved strokes using the Pressure Pen tool produced shapes that looked a lot like tiny squares of paper bent at some 3D angle. Using this tool without any pressure means it performs as a dynamic, vector calligraphic pen. A nice little trick!

Afterwards I applied one of the many standard fill patterns to each piece of confetti to give them a bit of individual flavour. Any confetti overlaying the Playdate body was duplicated, made white, and offset by a pixel or two to help make it stand out from the body. You can see this most clearly on the coil shape at the right side of the Playdate screen.

Jazz

The extra geometric shapes in amongst the confetti are my attempt at bringing a bit of 1980s Memphis Group design aesthetic to the illustration. I use a variety of different external tools for this: Spiral (length 2), Fractals (default wiggle and density), Coil and Resistor. The later two tools are meant for drawing electrical circuits! The moral of the story: know your tools and use them!

Positioning

After adding all the confetti and jazz, I adjusted the positions and sizes of many of the objects to produce what I thought was the most pleasing distribution. The benefits of all of these objects being vectors becomes clear at this point!

Motion

I used the Arc tool to add motion lines to the party horn and crank. Lastly I added some straight lines to imply that the light on the power button is flashing.

Pixel or Vector?

Looking at the objects that make up the drawing, I’d say that the split is around 75% vector to 25% pixel, which is the same across most of my drawings.

Pixels make up large freeform areas, filled vector shapes make up large defined areas. Small objects that will remain static use pixels, and those that I think will need to be moved or resized use vectors.

I tend to draw on the base layer with pixels and then use higher layers as rough groups for sets of vector shapes. For example, the confetti was all drawn on one layer.

Post-processing

I saved out the image as a GIF (another external tool provides this capability) and loaded it into DeBabelizer, or sometimes Photoshop 3.0. Here I resized using simple sampling to 990px square from the original size of 330px square.

Finally, I copied the file to BasiliskII emulator File Sharing drive at which point it became accessible in Files in iPadOS, and from here I sent it to my iPhone via AirDrop, after which I used the Twitter app to add the image to a tweet and hit send!

Job done.

Keyboard craving

I drew this late at night and was too lazy to go and find my Bluetooth keyboard. Next time I’ll definitely make the effort to find it. That way I can use my spare hand do keyboard shortcuts and to nudge positions using the cursor keys. I should really add cursor keys to the emulator’s custom keyboard.

Let me know your thoughts on Twitter using the comments link below.

Asanegami (Morning Hair)

by Matt Sephton — Mon, 22 Mar 2021 00:00:00 +0000

Second in my series 1-bit Woodblocks.

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

eyes
eyebrows
background
lips
comb/history

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

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

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

The original background is quite busy. I tried being faithful to it but I was never happy with how it looked. Too noisy.

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

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

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

I thought it would be a fun modern twist to replace the comb with an iPhone showing Instagram!

As always I used a mix of old and new technology to create this piece.

Old: UltraPaint on Macintosh System 7.1 New: Macintosh emulator on iPad Pro 12.9”

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

Kamisuki (Woman Combing her Hair)

by Matt Sephton — Mon, 15 Mar 2021 00:00:00 +0000

Woman Combing her Hair (Portrait of Kodaira Tomi) original by Hashiguchi Goyô, 1920. This work-in-progress by me, 2020–date. First in my 1-bit Woodblocks series.

My process involves both modern software (custom image processing tool & custom build of a Macintosh emulator) and old technology (1992 Macintosh Classic & period Wacom ArtPad II tablet, Deneba UltraPaint, Dave Theurer’s DeBabelizer) it’s such a zen experience.

This piece will be for sale as a print very soon.

A little more about the back story of this piece. I was inspired by @SusanKare’s interpretation of Goyo’s “Woman Combing her Hair” drawn on the original Macintosh, featured as part of its launch, and later on the MacPaint packaging.

1-bit Woodblocks

by Matt Sephton — Sat, 13 Mar 2021 00:00:00 +0000

Classic Mac on iPad is also great in Portrait!

Double height resolution scales to fit very closely.

iPad Pro 12.9" = 2048x2732
Macintosh Portrait @ 4x = 2048x2760

Install Mini vMac on your iPad from the source on GitHub:https://t.co/5t1iXBv0kc

Thanks @maczydeco! #MARCHintosh pic.twitter.com/yDj0MqkC5F
— Matt Sephton🎴 (@gingerbeardman) March 25, 2021

Samurai Mech

by Matt Sephton — Mon, 01 Mar 2021 00:00:00 +0000

I’ve been digging up old Macintosh games, and this search has resulted in the website for the classic Japanese game Samurai Mech coming back online after over a decade! Thanks Ritsuko! See: patreon.com/posts/48174477

Samurai Mech サムライ・メック is a Japanese sci-fi RPGs set in a future-medieval-space Japan. You assume the role of the eponymous Samurai Mech over the course of 40h of exploration/battle/puzzle gameplay.

You can practice your swordsmanship at the dojo, and upgrade your Samurai Mech suit with parts obtained through winning battles. The first game has a whole city to explore whilst you solve a mystery involving a group of ninjas.

Here is Samurai Mech running on my 1992 Macintosh Classic, using System 7.1.0 with Japanese Language Kit installed.

In the sequel Samurai Mech II: Heaven サムライ・メックII・天 you are a bounty hunter in an archipelago colony at the edge of the universe. The setting includes an ancient castle, an amusement park, an adult ballroom, and a giant corporation. An all new scenario, more freedom, improved mech system, improved combat, and a choice of colour or mono graphics!

Staff

Samurai Mech

Yukito Morikawa (森川幸人)
Shūji Nomaguchi (野間口修二)

Star Odyssey
Jumping Flash series
Astronōka

Akihiko Miura (三浦明彦)

Otocky
Bombliss
Pokémon series

Minoru Mukaiya (向谷実)

Romance of the Three Kingdoms 2/3
Samurai Warriors 2

Samurai Mech II adds the following notable Staff:

Hitomi Amakawa (天川ひとみ)
Shigenori Miyamoto (宮本茂則)

Jumping Flash series
Astronōka

1992: Samurai Mech (HuLINKS)
1994: Samurai Mech II: Heaven (HuLINKS)
1994: Geograph Seal (EXACT)
1995: Jumping Flash! (EXACT)
1996: Jumping Flash! 2 (EXACT, MuuMuu Co Ltd)
1997: Ghost in the Shell (EXACT, Production I.G.)
1999: Pocket MuuMuu (Sugar & Rockets)
1999: Robbit Mon Dieu (Sugar & Rockets)

Dither Studio update

by Matt Sephton — Fri, 05 Feb 2021 00:00:00 +0000

Added Ordered Dithering to my tool:

- 2x2 Bayer
- 3x3 Bayer
- 4x4 Bayer *
- 8x8 Bayer
- 16x16 Bayer
- 3x3 Dispersed
- 4x4 Horizontal
- 4x4 Vertical
- 2x2 Crosshatch
- 3x3 Crosshatch
- 4x4 Crosshatch

Noticed it makes JPG artefacts more visible, so I redid my test images as PNG! pic.twitter.com/fdUYzs9jeh
— Matt Sephton🎴 (@gingerbeardman) February 5, 2021

Band-kun バンドくん musician simulator (1990, KOEI)

by Matt Sephton — Wed, 16 Dec 2020 00:00:00 +0000

I’ve been playing an old (1990, KOEI Co Ltd) Japanese NEC PC-9801 game バンドくん [Band-kun; Mr. Band; Band Man] where you start a band and have to recruit members, make some recordings and live a life of sex, drugs and rock’n’roll. It was also available for the Fujitsu FM Towns and Sharp X68000 Japanese personal computers.

Band-what?

Band-kun is a hybrid simulation/adventure/rhythm game. You explore a fictional city taking to various inhabitants, learning about the music and the music industry, recruiting band members and performing and recording music. You perform the music using mouse gestures, so it’s possible to ad-lib and receive better/worse results a little like playing a musical instrument. After recording you need mix the song in a studio, then get your friend Bob Marley to sell your CDs on the street corner, or figure out how to get the music played on the local radio station which is, of course, broadcasting from a zeppelin riding high above the city.

You need to work dead-end jobs to pay your way, and repeat the recording/gigging process to work your way up through soul-destroying small club gigs to a big arena gig, and allegedly you can even die from the excess partying.

Playdate version?

It’s originally B&W so I figured it would look great on Playdate, so I made a little proof of concept.

Band-kun required a MIDI-capable sound card PLUS an external MIDI sound module - a very expensive 30,000JPY piece of equipment back in 1990. So it wasn’t a success and was forgotten about. But it eventually led to Guitaroo Man and the birth of the music game genre on PlayStation.

Anyway! I’d love to licence Band-kun and re-release it on a modern device that can do the original concept justice. The Playdate crank and accelerometer could be used to perform the music!

I wondered if anybody knows KOEI founder Youichi Erikawa (aka “Kou Shibusawa”)? Hook a brother up! バンドを組んでメンバーを集め、レコーディングをして、セックスとドラッグとロックンロールの生活を送るという昔（1990年、KOEI）のPC-9801のゲーム「バンドくん」をプレイしています。@koeitecmogames からライセンスしたいので、襟川陽一に協力をお願いします。

Edit: since I originally wrote this twitter thread and blog post, contact has been made with KOEI’s licensing department. 🤞

Period reviews

Detailed review from the 1991-01 issue of #マイコンBASIC micomBASIC

Courtesy of a scan at Internet Archive.

Super Soft Hot Information: Band-kun #バンドくん in #micomBASIC1990/12

Courtesy of a scan at Internet Archive.

“SLG in which you form a band, gain experience through practice and live house performances, and aim to win a contest. After winning, the game turns into a highly flexible session software. MIDI compatible.”

Review of Band-kun #バンドくん in Technopolis #テクノポリス 1991/01

Courtesy of a scan at Internet Archive.

“We borrowed a studio and practiced hard with our friends to win the contest. Hone your skills!”

“In the city, you’ll try to win a fight against a band member. It’s hard to get them to play with you at first.”

Translation (WIP)

I’ve been poking around in the Band-kun game files.

Everything is stored uncompressed in very simple structures across a few files. I’ve not figured them all out, yet, but can see graphics (done), dialogue (partial), music (to-do). Band-kun ships with Scenario 1 “ZAP CITY 1991” and is able to play additional scenarios, but none were released.

Regardless: it should be easy to create a translated version of the included scenario. And maybe even create a new scenario (varying difficulty depending on changes).

User Manual

A scanned PDF for Band-kun #バンドくん is available with thanks to the Neo Kobe project archive.org/details/band-kun-manual

Promotional leaflet

Download the game

Get the disk image at Internet Arcchive for PC-9801 or FM-Towns

All the faces

Here are all 120 “famous” faces, extracted from PC-9801 Band-kun, thanks to @fukui_keeekn on Twitter.

Birthday blog post?

Check out my other #birthday blog posts.

Get Info: #1bit

Playdate 1-bit illustration postmortem

Playdate

Colouring

Details

Party Up!

Horn

Hat

Confetti

Jazz

Positioning

Motion

Pixel or Vector?

Post-processing

Keyboard craving

Asanegami (Morning Hair)

Kamisuki (Woman Combing her Hair)

1-bit Woodblocks

Samurai Mech

Staff

Timeline of related games

Dither Studio update

Band-kun バンドくん musician simulator (1990, KOEI)

Band-what?

Playdate version?

Period reviews

Translation (WIP)

User Manual

Promotional leaflet

Download the game

All the faces

Birthday blog post?