Top dweets of all time

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: #Food

show FPS hide FPS share 2 remixes fullscreen

katkip

remix of d/9281 by u/Xen

function u(t) {

for(i=2e3;i--;x.strokeStyle=`hsla(${Z+i},99%,40%,1)`)x.strokeRect(i+T(Z=t*i/2)*4,540+Z*S(i*Z/9999),t,t);x.drawImage(c,t,0)

Aug 18 2018 12:10 PM UTC

}// 122/140

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

show FPS hide FPS share fullscreen

hebob

function u(t) {

for(i=2;i<255;i++)x.fillStyle=R(i%5*100,0,t*100%100),x.fillRect(1920/2+T(i**t)*80,Math.random()*10 + (i*t*3),3*t,3*t);

Aug 16 2018 8:59 PM UTC

}// 118/140

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

show FPS hide FPS share fullscreen

f8f82804

remix of d/5132 by u/Erazed

function u(t) {

c.width^=0;x.font='6em 🤷';for(i=144;i--;)x.fillText((S(t/2)**2*16%16)-i%16-S(9*S(9*i)*i%16)|0?'🤷':'🙆',50+(i%16)*113,95+120*~~(i/16))

Aug 13 2018 11:22 PM UTC

}// 132/140

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

Not everyone gets "the wave" right

show FPS hide FPS share fullscreen

firegodjr

remix of d/9065 by u/firegodjr

function u(t) {

for(j=100;j--;)for(y=100;y--;)x.fillStyle=R(b=(Math.hypot(j+50*S(t),y+50*C(t))/50*(t*99+(j+y^y-j)))%99*2,b,b),x.fillRect(j*9,y*9,9,9)

Aug 5 2018 5:25 AM UTC

}// 133/140

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

u/katkip

Finnaly it doesn't lag.
u/magna

Sweet!
u/fujimotos

#hypot This is the first dweet I ever see that utilizes Math.hypot()
u/aleamb

nice!

show FPS hide FPS share fullscreen

firegodjr

remix of d/9106 by u/richev

function u(t) {

with(x)for(i=320;i--;stroke(),font="500pt x",fillText('☁️',i%2*a,a))beginPath(x.strokeStyle=`hsl(${-i-40},99%,60%`),arc(a=960,800,i+360,3,0)

Aug 5 2018 1:47 AM UTC

}// 140/140

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

Challenge accepted ^^

u/iverjo

Haha, I knew someone would accept that challenge ^^
u/lionleaf

#rainbow #clouds

show FPS hide FPS share 1 remix fullscreen

mvs202

function u(t) {

χ=S(t)*960
c=(h,a,b)=>{χ<0?x.fillStyle=`hsl(${h%360},99%,50%,0.2`:0
x.fillRect(960-χ,a,χ*2,b)}
c(t*53,0,300)
c(t*59,315,150)
c(t*47,480,600)

Aug 4 2018 3:45 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/katkip

This can be good as a animated desktop wallpaper
u/magna

Keeps on giving
u/iverjo

#colors
u/lionleaf

Beautiful! Broken on #Edge and some other #browsers though. Should be possible to fix, but tagging it now so it's easy to find later :)
u/mvs202

Yeah, the problem is Edge doesn't like the 4th parameter in hsl() - I would need hsla() for that. Surprisingly, no one bothered by the lack of a closing paran in the hsl function!

show FPS hide FPS share fullscreen

katkip

function u(t) {

for(i=0;i<300;i++)h=(i+t*t/2)*28%360,x.fillStyle=`hsl(${t+h/3},99%,50%)`,x.fillRect(i%20*99,~~(i/20)*99,h*t,t*h)

Aug 4 2018 10:40 AM UTC

}// 112/140

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

Idea from d/1787

u/lionleaf

Cool! Shy not post as a remix?
u/lionleaf

Why*
u/katkip

Oh good point.

show FPS hide FPS share fullscreen

Xen

remix of d/8063 by u/trancor

function u(t) {

for(c.width=i=69;i--;)for(k=39;k--;x.fillRect(i,k,1,1))x.fillStyle=R(S(j=(C(i/5-t/.9)+S(k/6+S(t)/.3)*S(i/20+t*8))*9)*99+99,C(j)*99,-S(j)*99)

Aug 2 2018 7:22 PM UTC

}// 140/140

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

had to have a play with this one, shoutz 2 trancor

show FPS hide FPS share fullscreen

Xen

remix of d/9040 by u/firegodjr

function u(t) {

with(x)for(font="99px'",Z=i=1e3;i--;fillRect(S(l=t*i%i)*i+Z,C(l)*i+Z,v,-v*v),fillText(`🙀`,Z,Z))fillStyle=`hsl(${i},99%,${v=S(i/Z-t*5)*99}%`

Aug 1 2018 6:08 PM UTC

}// 139/140

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

Bit of a dodgy De-Make but... theres a cat ;)

u/firegodjr

Honestly I like this one better, haha. It has lots of style in the color transitions. :D
u/aleamb

lol!
u/katkip

#cat
u/lionleaf

#emoji #rainbow #laser

show FPS hide FPS share 2 remixes fullscreen

firegodjr

remix of d/6158 by u/JonasPeeters

function u(t) {

c.width=2e3
for(i=0;i<5000;i++)x.fillRect(S(-i%990+t)*i/99*15+960,C(-i%990+t)*i/99*7+600,50,v=S(i/99/3-t*5)*50),x.fillStyle=R(0,0,0,-v/25+1)

Aug 1 2018 3:46 PM UTC

}// 140/140

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

Waves of Discord

u/firegodjr

Protip btw: Math.floor(x) can be replaced with x|0! Or even ~~x