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

pavel

remix of d/14826 by u/KilledByAPixel

function u(t) {

for(w=j=c.width|=f=o=>500*C(q=22/7/(3+~~o*5%8))/C((a+t)%(2*q)-q);a=44/7*--j/w;x.arc(960,540,f(t+1)*e+f(t)*(1-e),a,a))e=(t%1)**9
x.fill()

Jun 29 2019 7:03 AM UTC

}// 136/140

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

u/13thptr

smooth
u/katkip

wooow
u/KilledByAPixel

I knew pavel would make it better. ;)
u/KilledByAPixel

https://imgur.com/MDGvSaU
u/donbright

amazing

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/578 by u/New_Core

function u(t) {

if(t<13)d=0.5,m=127,x.fillStyle=R(C(t*d)*m+m,S(t*d-d)*m+m,S(-t*d-d)*m+m),x.fillRect(t*150,0,4,2e3);else x.drawImage(c,a=C(t),0,1920,1050)

Jan 3 2017 1:21 AM UTC

}// 137/140

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

hsl has harsh linear transitions. i've swapped in smooth gliding sinewave transitions

Show more comments…
u/iverjo

Smooth indeed
u/iverjo

127 characters: m=127;t<13?(x.fillStyle=R(C(t/2)*m+m,S(t/2-.5)*m+m,S(-t/2-.5)*m+m),x.fillRect(t*150,0,4,2e3)):x.drawImage(c,a=C(t),0,1920,1050)
u/iverjo

125 characters: m=127;t<13?(x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m),x.fillRect(t*150,0,4,2e3)):x.drawImage(c,a=C(t),0,1920,1050)
u/iverjo

123 characters: m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<13?x.fillRect(t*150,0,4,2e3):x.drawImage(c,a=C(t),0,1920,1050)
u/New_Core

121 I guess as a= is not needed anymore ;)
u/iverjo

121 characters: m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<13?x.fillRect(t*150,0,4,2e3):x.drawImage(c,C(t),0,1920,1050)
u/BriSeven

119 with a compromise on the constant m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);t<15?x.fillRect(t*m,0,4,2e3):x.drawImage(c,C(t),0,1920,1050)
u/New_Core

114 if we skip the prepaint wait. m=127;x.fillStyle=R(C(h=t/2)*m+m,S(h-.5)*m+m,S(-h-.5)*m+m);x.fillRect(t*m,0,4,2e3);x.drawImage(c,C(t),0,1920,1050)
u/New_Core

and last number should be like 1060 for a bit more distortion
u/iverjo

For some extra swaying movement, replace C(t) with 2*C(t)

show FPS hide FPS share 1 remix fullscreen

chunnoo

remix of d/145 by u/chunnoo

function u(t) {

r=Math.random;for(i=0;i<54;i++)for(j=0;j<96;j++){if(r()<.01){x.fillStyle=R(r()*255,r()*32,r()*32,.5);x.fillRect(j*20,i*20,20,20);}}

Apr 29 2016 4:57 PM UTC

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

Agnes

function u(t) {

with(x)for(c.width|=i=9,scale(m=100,m),font='2px A',fillText("🚚",r=20-t*(1+.2*C(t)),6);i--;fillRect(Math.min(4+i+S(t)*3,r+i/2-4),4,.5,2));

Mar 9 2018 1:49 PM UTC

}// 138/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/fujimotos

Haha, good.
u/jylikangas

Awesome! Reminds me of Shikato animations. :D
u/aleamb

Lol! nice!
u/Xen

love it :-)
u/magna

LOL
u/M1T0

haha very smart
u/Agnes

#default
u/joeytwiddle

#physics
u/micahcowan

#truck #emoji
u/vain

haha... great idea and impressive implementation

show FPS hide FPS share 4 remixes fullscreen

erin

remix of d/13665 by u/rodrigo.siqueira

function u(t) {

c.width|=0,w=960
for(i=4000;i--;x.fillRect(w+w*X/Z,w-Y/Z*w,s=500/Z/Z/Z,s))
X=2*C(U=i+t)+C(V=t+i*i),
Y=T(U)+C(V)*T(V)-2,
Z=S(U)-5

Feb 11 2021 3:41 AM UTC

}// 128/140

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

flow

u/erin

#d3
u/rodrigo.siqueira

Change from T(U) to S(U) and it will become a #torus
u/erin

check out my remix of this one, it turns into a torus and back into this shape

show FPS hide FPS share 1 remix fullscreen

aaaaaz

remix of d/19051 by u/veubeke

function u(t) {

z=Math.random;
a=['✊🏻','✊🏼','✊🏽','✊🏾','✊🏿']
d=a[~~(z()*5)]
x.drawImage(c,0,2)
x.font='6em"'
x.fillText(d,z()*c.width*1.1-100,120)

Jun 6 2020 3:03 AM UTC

}// 129/140

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

#blacklivesmatter

u/joeytwiddle

Flip: x.drawImage(c,0,-2) and x.fillText(d,z()*2120-99,1040)

show FPS hide FPS share fullscreen

initramfs

remix of d/22525 by u/Xen

function u(t) {

c.style.filter=`blur(2.7vw)contrast(99`
for(c.width|=z=i=50;i--;)for(j=z;j--;)x.fillRect(9+i*9+S(t+j/z)*1900,100+j*z,1000,z)

Jun 2 2021 9:59 PM UTC

}// 124/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 1 remix fullscreen

gpolonus

remix of d/17847 by u/gpolonus

function u(t) {

c.width|=0
s=n=>(n+1)*127
for(i=-1;i++<80;)for(j=-1;j++<72;){x.fillStyle=R(s(S(t*i*10)),s(C(t)),150,1);x.fillRect(i*24,j*15,24,15)}

Mar 5 2020 6:49 PM UTC

}// 131/140

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

In your face #trippy #colors #color

show FPS hide FPS share fullscreen

brianholley

function u(t) {

t||x.translate(960,540);x.rotate(t);for(i=0;i<18;i++)x.fillStyle=`hsl(${20*i},60%,60%)`,x.fillRect(40+i*40,i*(40+C(t)),40,8)

Mar 3 2017 5:38 PM UTC

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

katkip

function u(t) {

c.width*=1;for(i=399;i--;x.globalAlpha=.3)x.beginPath(),x.ellipse(960+C(i)*70,540+S(i)*70,100,300,C(i/3+t),0,7),x.stroke()

Jul 11 2019 5:48 PM UTC

}// 122/140

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

#abstract

u/aleamb

great!