Dweets awesomed by u/Cloud

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: #Opposites

show FPS hide FPS share 1 remix fullscreen

iznax

function u(t) {

for(x.fillStyle="#0cf2",j=55;j--;)for(k=9;k--;x.fillRect(960+S(a=k*.2+t)*r,200+C(a)*25+j*14,4,8))r=j<24?C(j/17)*250:j<48?48:S((j-48)*.3)*180

Mar 2 2020 3:59 AM UTC

}// 140/140

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

Cheers to March! #glass

show FPS hide FPS share 1 remix fullscreen

Cloud

remix of d/17759 by u/Cloud

function u(t) {

for(c.width|=i=400;i--;){
x.fillStyle=R(i/2)
x.fillRect(800+C(t*3-i/100)*50-i/2, 500+S(t*3-i/100)*10-i/2, 300+i, 300+i)
}

Feb 26 2020 7:19 PM UTC

}// 121/140

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

#tonel

u/13thptr

#tunnel
u/vain

clever coding!

show FPS hide FPS share 1 remix fullscreen

Cloud

function u(t) {

for(c.width|=i=400;i--;){
z=i
x.fillStyle=R(z/2)
x.fillRect(800+C(t*3-i/100)*50-i/2, 500+S(t*3-i/100)*10-i/2, 300+z, 300+z)
}

Feb 26 2020 7:19 PM UTC

}// 125/140

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

#tonel

u/ivylab

I tried the same thing a few weeks ago but I couldn't do it. Now just make it more performant so you can fill the entire canvas! :)
u/13thptr

#tunnel

show FPS hide FPS share fullscreen

iznax

function u(t) {

for(c.width|=i=11,w=99,x.font='5cm"';i--;t%=w)for(j=9;j--;x.fillText("🎈",1350-i*w,1e3-j*56+C(t+i*6-j/5)*60-(z>0)*z*z*9)
)z=t-45-S(i+j*9)*40

Feb 26 2020 7:22 AM UTC

}// 140/140

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

99 Luftballoons

Show more comments…
u/Xen

they all float! :-O
u/KilledByAPixel

🤡
u/Cloud

it 3 :)
u/ivylab

First I thought it would repeat but they are all gone. So nice!
u/KilledByAPixel

They will fall back down to earth eventually and end up killing some sea life.
u/iznax

These were made of non UV coated biodegradable bamboo fiber. Please, balloon responsibly. 🐢🐬🐢

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/17745 by u/veubeke

function u(t) {

c.width^=0,x.scale(30,30);x.fill(new Path2D(`M24 8c-2-2.2-6-2-8.2.2l-.4.4-.4-.4C13 6 9 6 7 8c-2 2-2.1 5.9.2 8l8 8 8.4-8.4c2-2 2-6 .2-8z`))

Feb 26 2020 12:54 AM UTC

}// 138/140

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

SVG Path Tester

show FPS hide FPS share fullscreen

katkip

function u(t) {

f=(x,y)=>S(C(t)*S(x/3-y/5-t)-x/5-t);c.width|=0;x.globalAlpha=.4;for(i=29;i--;)for(q=j=29;j--;)x.fillRect(460+i*q+j*9,j*17+300-f(i,j)*q,q,q)

Feb 25 2020 4:14 PM UTC

}// 139/140

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

i'm keeping up with the new trend so here's another 3d graphic

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/17741 by u/rodrigo.siqueira

function u(t) {

for(X=-5;X<=5;X+=.01)
ψ=(1-X**2)*3**-(X**2/2)*S(t*8)+.5,
t<.8&&x.fillRect((X+5)*140+t*650,t*800+400-ψ*300,2,4)

Feb 25 2020 3:20 AM UTC

}// 110/140

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

Marr Wavelet equation with parameter change over time. #d3 #wavelet

show FPS hide FPS share fullscreen

django

remix of d/15467 by u/django

function u(t) {

w=c.width*=1;k=80;f=w/k
for(i=0;i<k;i++)for(j=0;j<k;j++)p=j/k,x.fillStyle=R(0,p*255,128),x.fillRect(i*f,540,f,(1-p)*C(T(i-j)+S(i*t/4))*1e3)

Feb 25 2020 2:29 AM UTC

}// 139/140

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

wake

u/Xen

wanna hashtag drugs and ocean but i'm behaving, love this! bottom half blended smoothly.

show FPS hide FPS share fullscreen

Cloud

function u(t) {

w=8
for(c.width|=i=0;i++<20;){
for(j=10;j--;){
z=(j+2)/2
x.fillRect(i*100+((i-10)*j*30)-S(t/3)*500*z, j*20+650+S(t*2-i+j/2)*50, 8*z,8*z)
}}

Feb 23 2020 7:39 AM UTC

}// 139/140

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

#wave

show FPS hide FPS share 3 remixes fullscreen

yonatan

function u(t) {

for(c.width|=k=i=540;i--;x.strokeRect(960-i*2,k-i,i*4,i*2))n=i/7,x.setLineDash((t*k+1e5/i)%99>50?[n,n,0]:[n,0,n])

Feb 22 2020 6:45 PM UTC

}// 113/140

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

pattern idea from https://twitter.com/ntsutae/status/123119038…

u/aleamb

amazing! #tunnel

dwitter.net | Cloud (15464)