Subpixel Font Demo 🔍 for RGB subpixel l… by KilledByAPixel

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/35014 by u/KilledByAPixel

function u(t) {

$='筯璓珧秧䧭秏篏䤧篯积'
eval(unescape(escape`󩭯󬬨󭌪󟜳󝬰󛍪󟝷󟜲󩜳󛍴󯍼󮌮󩭩󫍬󤭥󨽴󚌰󛌰󛍷󛍷󚜻󪬭󛜻󚝦󫽲󚍩󟜵󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󪬪󜬬󪜫󭌬󜜬󜜩󚝦󟝦󟜾󚌤󛭣󪍡󬭃󫽤󩝁󭌨󚍪󚬪󜼮󝼫󭌪󚬳󚜥󜜰󚜦󜜼󟍦󚽩󚬳󚜪󭼬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󩬨󜌩󛍦󚌱󚜬󩬨󜬩󚜻`.replace(/u../g,'')))

Apr 9 2026 4:58 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Subpixel Font Demo 🔍 for RGB subpixel layouts

u/cantelope

not sure if it's rendering as intended here. i can't detect any text, and i tried for a long minute haha
u/KilledByAPixel

you may have a different subpixel layout, i took a picture https://x.com/KilledByAPixel/status/20422878…
u/kruno.ooo

mob cam should do 🔍
u/magna

Cool! You might aleady know this, but adding a blur actually makes the text more readable by reducing color fringing between bright R/G/B values. It's probably impossible to fit this on top of the 139/140 you already have, but a [1, 2, 3, 2, 1]/9 linear convolution pass could work, as briefly shown here: https://www.grc.com/freeandclear.htm


      u(t) is called 60 times per second.
      t: elapsed time in seconds.
      c: A 1920x1080 canvas.
      x: A 2D context for that canvas.
      S: Math.sin
      C: Math.cos
      T: Math.tan
      R: Generates rgba-strings, ex.: R(255, 255, 255, 0.5)

dwitter.net