Random dweets | Dwitter

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 fullscreen

Xen

remix of d/3130 by u/3D.ceffo

function u(t) {

  for(c.width|=i=2e3;i--;)x.fillRect(i,i+i*C(i+t),t%9,C(t)*i/t)

Aug 30 2017 7:33 PM UTC

}// 63/140

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

u/3D.ceffo

yes!
u/Xen

what squares? only lines ;-) hehehe
u/mmfun

really narwhalic!

show FPS hide FPS share 1 remix fullscreen

username

remix of d/1281 by u/iverjo

function u(t) {

 for(x.shadowBlur=i=128;i>42;i-=2,x.shadowColor=x.fillStyle=`hsl(${C(t)*i+t*i/9} 99%42%)`)x.fillRect(960+11*i*C(a=t*i/16),420+11*i*S(a),i,i)

Sep 22 2018 11:06 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/username

lap

show FPS hide FPS share fullscreen

username

remix of d/7702 by u/jylikangas

function u(t) {

for(c.width=i=714;i--;F(t+i/891+(i>>7)/2,-3))(F=(a,o)=>x.strokeRect(321+S(a)*290-o/(Z=C(a)+1+(t%6<3)),9+C(a*(t/6%4|0))*285/Z,o/=Z/2,o))(i,4)

Feb 11 2019 12:17 AM UTC

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

Qwitter

remix of d/6548 by u/41407

function u(t) {

w=c.width
l=255
 x.fillStyle=R(S(t*3)*l,90,l,.03)
x.fillRect(0,0,w,w)
for(i=190;i--;)x.clearRect((t*i+l*S(t))%w,(t*C(i)+i*l+C(t+i)*l)%w,9,9)

Jan 28 2018 2:21 PM UTC

}// 140/140

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

Thanks u/41407

show FPS hide FPS share fullscreen

katkip

remix of d/19744 by u/New_Core

function u(t) {

W="Text to colors"
for(i in W)x.fillStyle=`hsl(${W[i].charCodeAt(0)*2},99%,50%)`,x.fillRect(i*90,470,90,90)

Aug 22 2020 9:24 AM UTC

}// 107/140

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

It's easier but there is a letter for each color instead of 3 letters per colo

show FPS hide FPS share 1 remix fullscreen

Smiley1000

function u(t) {

for(h=0;h<108;h++){
for(w=0;w<192;w++){
v=(C((w*10/1920+t)*6.28)<(h/54-1))*255;
x.fillStyle=R(v,v,v,1);
x.fillRect(w*10,h*10,10,10);
}}

Jan 22 2022 12:49 PM UTC

}// 135/140

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

Cosine Wave!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/34585 by u/KilledByAPixel

function u(t) {

for(t*=60,i=2e3;i--;x.fillRect(i,t,1,1))x.fillStyle=`hsl(${i+t&1?i*3/16:t/3} 100%50%`

Dec 7 2025 8:22 PM UTC

}// 85/140

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

Illusory Color Map 🌈🗺️

show FPS hide FPS share fullscreen

angelnm

function u(t) {

with(x){
c.width|=v=l=256
for(;l--;)
d=(t*30)%v,
fillStyle=R(r=l-t,0,r%255),
fillRect(960+S(t+l)*960,540+S(l%10*t)*270,16,16)
}

Feb 10 2020 1:24 PM UTC

}// 127/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 2 remixes fullscreen

Qwitter

function u(t) {

x.fillStyle="#9351";x.fillRect(0,0,m=2e3,m);T=5.495;f=1+(t%(2*T)>T)^0;D=640;A=D/(1+(t%T)**3);x.clearRect(f*D+A*C(4*t),540+A*S(4*t),25,25);

Jan 26 2021 3:06 PM UTC

}// 138/140

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

Exchanging Centers

u/smtsjhr

FILL then CLEAR instead of CLEAR then FILL! thats so neat! i never thought that and find it kinda *ZEN* in philosophy idk
u/Qwitter

Agreed @smtsjhr, I picked this technique up from post d/6548 by u/41407 and employ it frequently.

show FPS hide FPS share 1 remix fullscreen

kodierer

remix of d/7952 by u/kodierer

function u(t) {

c.width=1920 
for (i=0, i <10, i++){
c.width=1920
x.fillRect (600, 500, 300, 10*i)}

May 4 2018 4:33 AM UTC

}// 83/140

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