// basically use a 3x3 font (upscaled), each glyph is encoded as 9 bit

// with more loops to avoid costly computation

// can be cool if the bitfield is modulated in realtime

// mostly related: https://github.com/Michaelangel007/nanofont3x4

function setup() {

  pixelDensity(1)

  createCanvas(1920/2, 1080/2)

  background(0)

}

​

function draw() {

  background(0)

  // bit shift should be changed accordingly if these change

  let blockWidth = 64

  let glyphWidth = blockWidth * 3

  let glyphHeight = blockWidth * 3

  loadPixels()

  let logo = 105684975

  let sx = (128 + 64 + 128 * width) * 4

  let ox = sx

  while (logo > 0) {

    // draw a glyph

    for (let by = 0; by < glyphWidth; by += blockWidth) {

      for (let bx = 0; bx < glyphHeight; bx += blockWidth) {

        // bitfield lookup

        let b = logo & 0x1

        logo >>= 1

        for (let bi = 0; bi < 64 * 64; bi += 1) {

          let index = ox + ((bi & 63) + bx + (by + (bi >> 6)) * width) * 4

          let c = b << 8

          pixels[index + 0] = c

          pixels[index + 1] = c

          pixels[index + 2] = c

        }

      }

    }

​

    ox += glyphWidth * 4 + 8

  }

  updatePixels()

}

​