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

veubeke

remix of d/3636 by u/aemkei

function u(t) {

w=c.width|=0
for(i=10;i--;x.fillText([..."😮😀😁😑😬🚗"][k?t*10%5|0:5],w-t*I%2100+k,I-k))I=i%5*210,k=(i<5)*20*i,x.font=I/210*(k?2:5)+"0px'"

Dec 15 2017 3:00 PM UTC

}// 133/140

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

Also remix of https://www.dwitter.net/d/3630

u/Lazy1337

cool
u/aemkei

Haha! Talking Cars ;)
u/micahcowan

#emoji

show FPS hide FPS share fullscreen

46uuuu

function u(t) {

for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200)
// #default

May 20 2026 7:04 PM UTC

}// 70/140

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

Default but without clearing cv #default

show FPS hide FPS share 1 remix fullscreen

RavenWorks

function u(t) {

if(!t){w=0
z=0
a=0
x.scale(9,9)}
x.beginPath()
x.moveTo(w,z)
w+=C(a+=S(t*C(t)))
z+=S(a)
x.lineTo(w,z)
x.stroke()
w=(w+214)%214
z=(z+120)%120

Mar 10 2017 1:50 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/donbright

i love these little curlies!!
u/SpecialAgent

Very unique and creative!
u/donbright

remixed https://www.dwitter.net/d/2033 by recursive, with this, and got this: https://www.dwitter.net/d/2037
u/aemkei

Playing with the numbers and some color: https://www.dwitter.net/d/2059

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

K=3.5
if(!t){for(b=-K;b<=K;b++)for(C=-K;C<=K;C++)for(a=-K;a<0;a++)for(X=680;X--;x.fillRect(X*1.7+380,540+Y,2,2))Y=(C*120+a*(X-340))/b*1.5}

Apr 19 2021 4:17 PM UTC

}// 138/140

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

Cover of Computers And Automation And People magazine, January, 1973

show FPS hide FPS share fullscreen

katkip

function u(t) {

for(c.width=i=-9;++i<9;R=a=>x.lineTo(150+a*40/(z=j-t%1),z+90+(90+T(j+t&a+9|8)+a+a)/z))for(j=30;x.beginPath(x.stroke()),R(i),--j;R(i+3))R(i)

Jul 30 2018 9:48 AM UTC

}// 139/140

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

u/joeytwiddle

This is a remix isn't it?
u/katkip

Yeah, I didn't know there was remix button before.

show FPS hide FPS share fullscreen

TGY

remix of d/15553 by u/tomxor

function u(t) {

for(c.width=i=1e3;i-=1/16;x.fillRect(90*(X*2+Y-6),90*(X/2-Y-z+5),6+z,9))X=i%8,Y=i/128,z=S(S(Y+C(X*3))+S(X+S(Y*3))+t*3)**3/6

May 18 2022 2:37 PM UTC

}// 123/140

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

waves

u/vain

Very nice! Like the movements and the bumpmap like fx.

show FPS hide FPS share 1 remix fullscreen

artfarnaa

function u(t) {

 for (c.width|=a=200;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:52 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 more comments…
u/kchplr

Great !
u/sigveseb

Awesome!
u/ninerdelta

stupid question, but why c.width|=a=200? I was tinkering with this code and just made it a=200 and the fps drops significantly.
u/kchplr

ninerdelta: I think that the reason is that c.width|=something is not only clearing the canvas but also the 2d context. Without it each iterations keeps adding arcs to the current path, by the 10th frames there are 2000 arcs to redraw, by the 50th frames there are 10000, etc. In a, err, "non-cold golfing codebase" you could avoid this by using beginPath and closePath.
u/kchplr

"cold golfing", superb. I meant code golfing...
u/ninerdelta

ah that makes sense, thanks!
u/donbright

now this is fine work

show FPS hide FPS share 1 remix fullscreen

AArt1256

function u(t) {

for(c.width=I=64;I--;)for(J=36;J--;)x.fillRect(I,J,(((J*C(t)+I*S(t)+C(t/2)*50)/10)&3)/4,(((I*C(t)-J*S(t)+S(t/2)*100)/10)&3)/4)

Aug 31 2023 8:17 PM UTC

}// 126/140

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

a rotozoomer type thing

show FPS hide FPS share fullscreen

directmusic

function u(t) {

if(t<6.27){x.fillStyle=R(0,0,0,1)
x.beginPath()
a=S(t)*50
x.arc(T(t*2)*200+960,S(t*4)*500+540,200,0,9.42)
x.stroke()}

Jul 14 2020 3:09 AM UTC

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

DazeWare

remix of d/35836 by u/DazeWare

function u(t) {

for(i=z=1080;i--;x.fillRect(500*t,i,i,z/=.7-S(i/r)/e))q=z%2,x.fillStyle=R(r=1+(z=z%4+z*.4|0)**3/8,r,r),z+=3+3*C(i/r*T(e=++z*9+t/.7/z))

Jul 7 2026 3:24 AM UTC

}// 134/140

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