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 2 remixes fullscreen

Pascal

function u(t) {

for(c.width|=i=200;i--;x.closePath())z=5+S(i+t)*C(a=i*i+t/9)*4,x.arc(1e3+3e3*(C(i+t)*C(a))/z,550-3e3*(S(a))/z,30/z,0,7)
x.fill()

Feb 24 2021 5:54 PM UTC

}// 128/140

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

particles

show FPS hide FPS share fullscreen

Axioplase

function u(t) {

c.width=2e3
onmousemove=e=>X=e.x*3.4
for(i=0;i<9;i++)x.fillRect(X+(i-4)*100,400,50,200)

Oct 3 2025 8:02 PM UTC

}// 88/140

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

Please move it yourself... #default

u/ximavus

lol nice
u/ximavus

dwitter in the 1800s lol
u/joeytwiddle

Novel 😄 #interactive #default
u/ximavus

:)

show FPS hide FPS share 1 remix fullscreen

anthonylewis

remix of d/7718 by u/anthonylewis

function u(t) {

w=c.width^=0
for(i=30;i--;)
Z=w/(i-t%2+1),x.beginPath(),x.arc(960,540,Math.abs(Z),0,7),x.stroke()

Apr 21 2018 1:43 AM UTC

}// 97/140

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

And now a round tunnel...

u/magna

#tunnel

show FPS hide FPS share fullscreen

yonatan

function u(t) {

with(x)if(!t){c.width=innerWidth
onmouseup=e=>fillStyle='#'+(q*1e6|0)
onmousemove=e=>fill(arc(e.x,e.y,1+q**44*99,0,7,beginPath()))}
q=t*t%1

Oct 5 2019 11:35 PM UTC

}// 139/140

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

Paint (like Jackson Pollock). Click to change color.

u/yonatan

based on k3lab's OilPainting - http://wa.zozuar.org/code.php?c=92Ul
u/taupelink

excellent

show FPS hide FPS share 4 remixes fullscreen

tem

remix of d/32293 by u/tem

function u(t) {

for(i=c.width|=2e3;i--;c.style.filter=`invert(`)x.fillRect(1e3+(j=t+i*1.123)*S(j)/2,540+j*C(j|0)/2,s=i/69,s)

Aug 30 2024 7:34 AM UTC

}// 108/140

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

Rotating particles

u/tem

I just realized it not loop,the void is expanding by the time
u/thenize

very mesmorizing

show FPS hide FPS share 1 remix fullscreen

comiccobe

remix of d/14582 by u/comiccobe

function u(t) {

c.width|=0
with(x)font="87em'",lineTo(X=960,Y=540),arc(X,Y,2e3,t,t+1),clip(lineTo(X,Y)),lineWidth=9,stroke(),fillText("WOO",9,1e3,1850)

Jun 14 2019 11:51 AM UTC

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

SquirrelIO

function u(t) {

c.width^=0
t||(X=L=T=0)
onclick=e=>X=L&&X+9
T--||(T=new Date%99+99,L=!L)
x.font="99px A"
x.fillText("🚗",1e3-X,99)
x.fillText(L?"🟢":"🛑",0,99)

Jun 24 2021 8:37 PM UTC

}// 140/140

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

#game of Red Light, Green Light. Click to move the car forward. #interactive

u/Xen

nice!
u/aleamb

lol nice!

show FPS hide FPS share 2 remixes fullscreen

Maxime

function u(t) {

s=200
k=s+s*C(t/2)
c.width=720
z=(f,v)=>s+s*f(6.3*v/k)
for(i=0;i<k;i++){
x.moveTo(z(C,i),z(S,i))
x.lineTo(z(C,i*7%k),z(S,i*7%k))
}x.stroke()

Dec 31 2017 12:12 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

prplz

function u(t) {

c.width=-1;Q=40;for(X=W=20;X--;)for(Y=W;Y--;)X&1^Y&1&&x.fillRect(X*W-Q+t*100%Q,Y*W-Q+S(t)*200%Q,W,W)

May 7 2018 1:14 PM UTC

}// 100/140

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

u/BuRRak

Nice! Looks quite similar to my dweet, d/7996 :D
u/iverjo

You just taught me that c.width=-1; actually sets the canvas width to 300. Clever!
u/BuRRak

300 is the default size of a canvas so giving a negative number will just reset it to defaults i guess
u/prplz

iverjo: I give credit to u/jylikangas for the -1 width trick
u/prplz

BuRRak: Thanks, same goal different approach :)

show FPS hide FPS share 1 remix fullscreen

sigveseb

function u(t) {

c.width=2e3;x.translate(960,540);x.rotate(t/2);for(i=s=99;a=s*s/(s-i-t%s),i--;x.rotate(S(t)/s),x.fillStyle=R(a/9),x.fillRect(b=-a/2,b,a,a));

Jan 8 2016 12:09 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/gabrielsroka

c.width=1920;x.translate(960,540);x.rotate(t/2);for(i=s=99;a=s*s/(s-i-t%s),i--;)x.rotate(S(t)/s),x.fillStyle=R(a/9),x.fillRect(b=-a/2,b,a,a)
u/gabrielsroka

c.width=1920; looks better in fullscreen
u/AnnanFay

Congratulations! You've reached the end.
u/dwitter

this is the oldest dweet I could find, gg.
u/13thptr

#tunnel #firstdweet
u/sigveseb

Fits in this month's theme! #cavern