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

jakobbnt

function u(t) {

for(i=0;i<8;i++)
x.fillRect(i*150*C(t)+960,i*60*S(t)+450,100,i*25)
x.lineWidth=5
x.fillStyle='rgb('+ t*2 +',' + t*10 + ',' + t*50 +')'

Mar 24 2021 12:29 PM UTC

}// 135/140

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

First Dweet

u/Xen

Welcome to the dwitter family!

show FPS hide FPS share 1 remix fullscreen

eviltoad

function u(t) {

t||(d=1,h=1079)
x.fillStyle='hsl('+360*S(t)+',100%,50%)'
h==0?d*=-1:x.fillRect(0,h-=d,1920,1)

Jan 5 2018 3:36 PM UTC

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

rodrigo.siqueira

remix of d/34087 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`sepia(.2)invert(`
for(i=35e3;i--;x.fillRect(1080+C(k=i+r**.4)*280/Z,540-S(k)*290/Z,.1,t<3))r=t*S(w=i*i/t)/C(w),Z=C(S(i/2)+r)

Jul 11 2025 10:34 PM UTC

}// 140/140

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

Moon effect #moon 🌙

u/joeytwiddle

#stochastic #space #scene

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(c.width|=i=25;i--;x.fillRect(M.min(1870,M.max(0,960+400*S(a=t+i/4)+800*S(t))),M.min(1030,M.max(0,540+400*C(a)+400*C(t/3))),50,50))M=Math

Feb 1 2018 12: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).

Show more comments…
u/benstratton7

Does anybody know how to make this actually bounce off the sides in 140 characters?
u/BirdsTweetCodersDweet

Better resolution if you want : for(c.width|=i=999;i--;x.fillRect(M.min(1870,M.max(0,960+400*S(a=t+i/4)+800*S(t))),M.min(1030,M.max(0,540+400*C(a)+400*C(t/3))),9,9))M=Math
u/Jezza

Love it!
u/Xen

for(c.width|=f=i=400;i--;x.fillRect(M.min(1870,M.max(0,960+f*S(t+i)+800*S(t))),M.min(1e3,M.max(0,540+f*C(t+i)-f*C(t))),9,9))M=Math
u/aleamb

Great!
u/davidsharp

@Xen, you should totally fork it, that looks great
u/New_Core

on Xen's version can remove t+i to i ... no need to spin it if it looks like a line.
u/mylain

kdkdkkd
u/aleamb

amazing!!

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/32115 by u/KilledByAPixel

function u(t) {

c.width|=0
for(i=1e4;i--;x.fillRect(...b?[i/5-70,480+40*C(i/25),9,9]:[100*(3*S(t)+4+i),400,50,200]))w=i<35?29:34,x.fillStyle=R(b=i>8&&i)

Jul 15 2024 12:46 PM UTC

}// 136/140

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

The illusion doesn't work behind a default :(

u/magna

#default

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/22738 by u/TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>(X=e.x-960)&(Y=e.y-540)&a.push([X*Y])
a.map((e,i)=>x.arc(960,540,e[0]*=.9,0,7))
x.fill('evenodd')

May 10 2021 1:47 PM UTC

}// 129/140

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

Very cool idea by TGY, playing around with the concept

u/Agnes

You can even optimise this by adding a=a.filter(e=>e>0) if X*Y is replaced by (e.x-960)*(e.y-540), which I guess doesn't matter at all but feels better somehow if someone were to sit around clicking on this millions of times
u/aleamb

#interactive

show FPS hide FPS share fullscreen

BackendForth

remix of d/6196 by u/BackendForth

function u(t) {

t?r-=m:a=Array(w=200)
for(m=1,i=c.width=w;i--;){if(!t)r=9,a[i]=i*i%99
x.fillRect(i,0,1,q=a[i])
if(q>>r>a[i+1]>>r)a.splice(i,2,a[i+1],q),m=0}

Jan 19 2018 3:04 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

Radix sort

show FPS hide FPS share 1 remix fullscreen

shu

function u(t) {

c.style.background='#000';c.width=i=1920;for(x.fillStyle='#0F0';i;){x.beginPath();for(j=3;j--;i--)x.lineTo(i,S(i%99*i+t)*540+540);x.fill()}

Feb 24 2017 2:59 PM UTC

}// 139/140

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

Matrix Rain

u/iverjo

#matrix

show FPS hide FPS share fullscreen

Odog8

function u(t) {

a=~~(t*60)*60;x.fillRect(a%1920,a%1080,60,60)

Dec 14 2019 9:27 PM UTC

}// 45/140

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

#checkerboard

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/21681 by u/rodrigo.siqueira

function u(t) {

for(i=3e3;i--;x.fillStyle=`hsl(${99*t+i/59},99%,${30+99*S(i+t)}%,25%)`)x.fillRect(960+570*C(i)*C(K=i/4)*S(t),500*C(i)*S(i+t)+540,2,2)

Feb 16 2021 3:26 PM UTC

}// 133/140

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

Changing colors #butterfly