Half-block 3x6 font.

by pan-gap 11 months ago

macOS ◆ xterm-256color ◆ bash 193 views

A script that spits out a short message in a large type. I hard-coded a bitmap font for this, that is printed in half-blocks of 4x4 (or effectively 3x6 bits) characters.

This is a work in progress.

It seems to expose all kinds of rendering issues, no matter where you try it.

Neat.

Let’s try the ASCIINEMA.org recommended 1.1 line height though, and a Nerd font: “Relative to font size. Lowering it ~1.1 helps with alignment of block characters like ▀ ▄ █”

More by pan-gap

time-log EDITING v0.3 03:27

by pan-gap 2 years ago

fish_z USAGE v0.1 01:54

by pan-gap 2 years ago

Half-block 3x6 font – basic kerning, better shapes. 00:53

by pan-gap 11 months ago

Backspace in the Terminal 01:44

by pan-gap 2 years ago

See all

You can download this recording in asciicast v2 format, as a .cast file.

Download

Replay in terminal

You can replay the downloaded recording in your terminal using the asciinema play command:

asciinema play 587423.cast

If you don't have asciinema CLI installed then see installation instructions.

Use with stand-alone player on your website

Download asciinema player from the releases page (you only need .js and .css file), then use it like this:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="asciinema-player.css" />
</head>
<body>
  <div id="player"></div>
  <script src="asciinema-player.min.js"></script>
  <script>
    AsciinemaPlayer.create(
      '/assets/587423.cast',
      document.getElementById('player'),
      { cols: 85, rows: 35 }
    );
  </script>
</body>
</html>

See asciinema player quick-start guide for full usage instructions.

While this site doesn't offer GIF conversion at the moment, you can still do it yourself with the help of asciinema GIF generator utility - agg.

Once you have it installed run the following command to create GIF file:

agg https://asciinema.org/a/587423 587423.gif

Or, if you already downloaded the recording file:

agg 587423.cast 587423.gif

Check agg --help for all available options. You can change font family and size, select color theme, adjust speed and more.

See agg manual for full usage instructions.