Dithering in Bangle JS 2

Posted on
  • Hello,
    I am new to this and am finding it extremely difficult to get rid of dithering in Bangle JS 2.
    Whenever I try to upload an image, it dithers and I don't want that.

    I also watched the graphics video of Bangle JS on the Espruino Channel and followed it step-wise but my image still dithers. Could somebody kindly help me here?

    Thank you very much.

  • The Bangle.js 2 only supports 3-bit colours, any others will be dithered. So you'll want to use an image containing only these colours:

    .White { color: rgb(255, 255, 255) }
    .Black { color: rgb(0, 0, 0) }
    .Red { color: rgb(255, 0, 0) }
    .Green { color: rgb(0, 255, 0) }
    .Blue { color: rgb(0, 0, 255) }
    .Cyan { color: rgb(0, 255, 255) }
    .Magenta { color: rgb(255, 0, 255) }
    .Yellow { color: rgb(255, 255, 0) }
    

    I haven't tried it, but I think if you go to the image converter, and select

    • Diffusion: nearest color (flat)
    • Colours: 3 bit RGB

    it might apply those and result in an image that won't be dithered.

  • Thank you very much @rigrig!
    This resolved the dithering issue!!

  • Post a reply
    • Bold
    • Italics
    • Link
    • Image
    • List
    • Quote
    • code
    • Preview
About

Dithering in Bangle JS 2

Posted by Avatar for pranjal @pranjal

Actions