New #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

Agnes

function u(t) {

with(x)for(scale(s=t?1:100,s),fillRect(0,0,Q=255,Q),i=9;i--;fillStyle=R(Q*=!!i,Q,Q,.02))fillRect(4+i+S(t)*3,4-T(T=Math.random),.5,2*(1+T()))

Jun 27 2018 8:40 AM UTC

}// 140/140

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

Wonky spooky default

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/8706 by u/DataMeta

function u(t) {

r=Math.random;m=r();n=r();for(i=0;i<256;i++)x.fillStyle=R(i/n*m*m,i/m*n,i+128,.33),x.fillRect(960+4*i*S(i+t),540+S(i)*i*2,T(i%t)/m,T(t-i)/n)

Jun 24 2018 4:08 PM UTC

}// 140/140

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

u/Galaxtone

#glitch

show FPS hide FPS share 2 remixes fullscreen

DataMeta

remix of d/8688 by u/DataMeta

function u(t) {

r=Math.random;m=r();n=r();for(i=0;i<256;i++)x.fillStyle=R(i*m/n,i,i,.7),x.fillRect(960+3.14*i*S(t+i*1.57),540+S(t%i)*i*1.56,T(t)/n,T(t-i)/m)

Jun 23 2018 3:57 AM UTC

}// 140/140

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

u/lionleaf

Now that's cool looking! #glitchy
u/Galaxtone

Since theres more in this one: #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

Agnes

function u(t) {

i=new Image();u=[...c.toDataURL()];for(j=1+~~t*100;j--;u[~~(Math.random()*u.length)]="a");i.src=u.join("");i.onload=()=>x.drawImage(i,0,0);

Jun 5 2018 11:57 AM UTC

}// 139/140

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

Corrupting PNG data. There's probably a dweet out there that does exactly this already, because I stole the idea from the Github wiki.

u/Agnes

#png #toDataURL #glitch

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/8405 by u/DataMeta

function u(t) {

c.width=1920;p=Math.PI;r=Math.random();for(i=0;i<300;i++){x.fillRect(960+p*i*S(t+i*.9),540+S(t/7+i/p)*i*1.55925,T(t/2)*r*2+2,T(t+i)*r*2+2)}

Jun 5 2018 3:11 AM UTC

}// 139/140

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

fireflies glitching

u/DataMeta

#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 fullscreen

DataMeta

remix of d/8327 by u/DataMeta

function u(t) {

for(i=128;i>0;i--){r=Math.random();m=Math.random();x.fillStyle=R(i/m-96,i/m+64,i/r,.4);x.fillRect(i*16,620+T(i+t/m)*64*S(t),T(t),T(i)*208)}

Jun 1 2018 12:18 AM UTC

}// 139/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

DataMeta

remix of d/8327 by u/DataMeta

function u(t) {

for(i=128;i>0;i--){r=Math.random();m=Math.random();x.fillStyle=R(255*r,i/m,i/r,.4);x.fillRect(180+i*12,620+T(i+t)*S(t)/2,T(t/r),T(i)*56)}

Jun 1 2018 12:17 AM UTC

}// 137/140

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

u/uchenna

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

#glitch
u/DataMeta

#colorshock

dwitter.net | #glitch