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

katkip

function u(t) {

c.style.
filter=`invert(`
,x.fillText((x.font=
'20cm xDARK MODE MATTERS').split("x")
[1],
1999-(t*2e3)
%12e3,790,x.clearRect(0,0,
2e3,2e3
))

Jun 2 2020 3:49 PM UTC

}// 140/140

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

always dark theme

show FPS hide FPS share fullscreen

magna

remix of d/2654 by u/magna

function u(t) {

for(x.fillRect(x.globalAlpha=0.05,0,i=w=2e3,w);i-=4;)s=99/((i+t*99)%w-w),x.clearRect(w*S(i*(t*2&15)+i)*s+1e3,w*C(i)*s+500,s*9,s*9)

May 2 2017 3:03 AM UTC

}// 131/140

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

120 bpm

u/magna

Add this at the beginning: t||(new Audio('http://v.ht/yw0I').play());
u/magna

Ah, that audio link no longer works, but it was basically some random 120 bpm IDM track I found on YouTube.

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

c.width=1920
for(i=96;i--;)for(j=54;j--;){g=10+10*S(((i-48)**2+(j-27)**2)**.5+S(t)*9*Math.atan2(j-27,i-48)+t*29)
x.fillRect(i*20,j*20,g,g)
}

Jan 22 2018 7:35 PM 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

JonasPeeters

function u(t) {

c.width=w=2e3
x.fillStyle="fac"
x.fillRect(0,0,w,999)
c=400
if(n=(m=50*S(t*9)**3)>0)
c+=m
x.font=c+"px a"
x.fillText("❤️",800-(n?m/2:0),700)

Dec 30 2017 11:26 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/iverjo

#heart

show FPS hide FPS share fullscreen

toffee.apple

function u(t) {

M=Math;c.width=2e3;x.fillStyle=R(0,125*S(t)+125,0);w=2e3;u=t*600;x.arc(50+M.abs(w-(u+w)%w*2),(610*M.pow((u/205)%2-1,2))+300,80,0,7);x.fill()

Aug 12 2018 6: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).

u/BirdsTweetCodersDweet

Don't name your variables u
u/BirdsTweetCodersDweet

M=Math;c.width=2e3;x.fillStyle=R(0,125*S(t)+125,0);w=2e3;j=t*600;x.arc(50+M.abs(w-(j+w)%w*2),(610*M.pow((j/205)%2-1,2))+300,80,0,7);x.fill()
u/BirdsTweetCodersDweet

Shorter version: c.width=w=2e3;x.fillStyle=R(0,125*S(t)+125,0);j=t*600;x.arc(50+Math.abs(w-(j+w)%w*2),(610*((j/205)%2-1)**2)+300,80,0,7);x.fill()
u/toffee.apple

thanks for the tips - u in particular is a forehead slap moment!

show FPS hide FPS share 1 remix fullscreen

TGY

remix of d/24310 by u/Joachim

function u(t) {

for(i=c.width=300;i--;x.fillRect(145+S(t+i)*9,a=126-t*9%i*9,a/9,a/9))x.fillStyle=R(i*50,i*20)
x.fillRect(0,130,300,99)

Nov 9 2021 12:38 PM UTC

}// 118/140

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

#fire

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=9;i--;x.fillRect(100*(4+i+3*S(t)),-200,50,200))O=i-4,x.filter=`drop-shadow(0px 600px ${(O>0?O:-O)*10}px hsl(${10*t},99%,50%)`

Oct 22 2021 6:49 PM UTC

}// 140/140

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

Drop shadow #default (very simple)

show FPS hide FPS share fullscreen

Bravveo

function u(t) {

c.width=1920
for(i=0;i<50;i++)
x.fillRect(960+S(t+Math.PI*i*2/50)*100+C(t*i)*100,540+C(t+Math.PI*i*2/50)*100+S(t*i)*100,200,20*C(t)^2)

Sep 29 2018 7:29 AM UTC

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

mildlybean

function u(t) {

c.width|=0;for(i=-64;++i<64;)for(j=-64;++j<64;x.fillRect(i*S(t*4)*8+j*C(t*2)*8+960,(4e3-i*i-j*j)**.5*(i%2?8:-8)+540,5,5))x.fillStyle=`#f`+ i

Dec 3 2019 5:13 PM UTC

}// 140/140

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

Optical Illusion

show FPS hide FPS share fullscreen

pstefanlarsson

function u(t) {

c.width=1920;a=180;/*First try*/ 
for(i=0;i<27;i++){t2=t-i/10;
x.lineTo(a*(3-2*C(t2)*(1-C(t2))),a*2*(1.3+S(t2)*(1-C(t2))));}
x.stroke()

Feb 27 2017 8:43 AM UTC

}// 135/140

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