Top #glitch dweets

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.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

f8f82804

remix of d/11936 by u/f8f82804

function u(t) {

for(x[f='fillRect'](i=-384,i,s=3e3,s);i++;x[f](960-w*4+T(t^i),-i*4,w*8,4))w=i&256?(-i*(i+256))**.5:s,x.fillStyle=i?`hsl(${i/3} 99% 55%)`:R()

Jan 25 2019 6:20 PM UTC

}// 140/140

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

#minimal #outrun #glitch #sunset -- remixed and heavily golfed for a black background

u/f8f82804

should work correctly in browsers such as #safari and #edge that don't support shortened hsl(xx yy%zz% color strings
u/pavel

FYI you can drop the closing ) in the hsl, just not the s and l separator.
u/f8f82804

u/pavel: IIRC #edge requires the closing paren -- see https://github.com/lionleaf/dwitter/issues/3… (which hilariously enough references one of my very first dweets) and d/9170
u/f8f82804

oooof that link got mangled -- https://github.com/lionleaf/dwitter/issues/3…

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;for(i=64;i--;)for(j=36;j--;)x.fillRect(i*30,j*30,15+T(i|j+t*10)*5,15+T(j&i+t*10)*5)

Dec 7 2018 9:01 PM UTC

}// 94/140

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

#glitch

show FPS hide FPS share fullscreen

magna

remix of d/8658 by u/Xen

function u(t) {

for(i=44;i--;x.fillStyle=R(S(i+t)*i,C(t-i)*i,C(i+t)*i))x.fillRect(i*i+S(t-i)*i,0,22,100)
x.drawImage(c,0,0,2e3,1e3,T(T(T(T(t)))),80,2e3,1e3)

Jun 20 2018 3:54 AM UTC

}// 140/140

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

TTTTTT :D :D :D

u/firegodjr

Man, this actually feels like a fever dream
u/magna

#glitch

show FPS hide FPS share fullscreen

magna

remix of d/8653 by u/magna

function u(t) {

d=c.toDataURL()
x.font='4em monospace'
x.globalCompositeOperation='xor'
for(i=25;i--;)x.fillText(d.substr(i*61,61),0,i*42+42)

Jun 19 2018 6:10 AM UTC

}// 125/140

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

#glitch

show FPS hide FPS share 1 remix fullscreen

DataMeta

function u(t) {

p=Math.PI;j=(t*1920)/p;r=Math.random();m=Math.random();x.fillStyle=R(T(t)*192,96/m,96/r,.9);x.fillRect(-j%1920+1680,j%1080-8,250,64)

Jun 2 2018 4:56 AM UTC

}// 132/140

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

Show more comments…
u/uchenna

i have been trying to implement this on my project please help me, thanks
u/DataMeta

You're more than welcome to mess around with this code. What exactly do you want help with?
u/sukkamehu

a bit golfed version.. p=3.14;j=(t*1920)/p;z=Math.random;r=z();m=z();x.fillStyle=R(T(t)*192,96/m,96/r,.9);x.fillRect(-j%1920+1680,j%1080-8,250,64)
u/DataMeta

Thanks! I was meaning to check how to declare functions in javascript... Although I find that at least 3.146 is needed to closely replicate pi, so ill usually take the 3 extra chars
u/sukkamehu

ok nice dweet though
u/DataMeta

appreciate it
u/DataMeta

I wonder is there's a tag for fps graph glitch-outs.
u/DataMeta

#fpsgraphglitch (yes this is silly)
u/DataMeta

#glitch

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/22152 by u/magna

function u(t) {

x.globalCompositeOperation='difference'
T.valueOf=_=>Math.random()*255
x.fillStyle=R(T,T,T)
x.fillRect(T*8,T*5,T,T)
x.drawImage(c,-2,0)

Mar 26 2021 8:45 PM UTC

}// 135/140

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

#glitch

u/DataMeta

cool! #waitforit

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/14985 by u/DataMeta

function u(t) {

r=Math.random,m=r(n=r());
for(j=768;j--;)x.fillStyle=R(o=255*n/m,o,o),
x.fillRect(64*(j%31),64*(j/31|0),T(j+t)*n*j/m,S(T(j-t)*m*j)/n)

Jul 18 2019 2:23 AM UTC

}// 133/140

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

#glitch

u/DataMeta

#corruption

show FPS hide FPS share fullscreen

metamero

function u(t) {

x
in
t

May 27 2019 1:32 PM UTC

}// 6/140

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

shortest dwitter #glitch

u/metamero

6B is the #record for the shortest animated dweet (with several variations as in d/8916 and comments)
u/katkip

win

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1
for(i=0;i<1500;i++)x.fillRect(960+S(t+i**5)*1e3,540+C(t-i**5)*1e3,20,20)

Jan 19 2019 6:59 PM UTC

}// 83/140

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

Glitched circle trick #glitch

show FPS hide FPS share fullscreen

katkip

function u(t) {

x.font='10in"';x.fillText("👾",470+S(t*20)*400,900);x.drawImage(c,-50,-50,2020,1180);x.globalAlpha=t/9;x.fillText('err0r',0,666+S(t*99)*2e3)

Nov 25 2018 9:08 AM UTC

}// 139/140

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

Works best on firefox and where the emoji is visible #invaders #glitch

u/joeytwiddle

Other way round for me! Blur on Firefox, visible on Chrome. Linux

dwitter.net | #glitch