Top dweets by u/mildlybean

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

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

for(r=X=c.width+=0;X-=2;t?T[X]>r?[T[X-1],T[X]]=[T[X],r]:0:T[X]=Math.random()*999)x.fillStyle=`hsl(${r/4},99%,45%`,x.fillRect(X,0,1,r=T[X++])

Dec 20 2019 12:38 AM UTC

}// 140/140

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

Bubble Sort

u/Odog8

duuuude
u/pavel

#sort has a few others
u/katkip

awesome #math
u/katkip

#visualization #graph

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

c.width+=0;n=(m,k)=>k(i*m%99*.0641141)*540+540;for(i=99;i--;x.lineWidth=5)x.moveTo(n(1,S)+420,n(1,C)),x.lineTo(n(t,S)+420,n(t,C));x.stroke()

Aug 23 2019 9:45 AM UTC

}// 140/140

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

Times tables on a circle

u/ben221199

I made a web page where you could generate these things with some parameters, but this JS also looks nice.
u/mildlybean

Could you post a link?

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

x.fillStyle=`hsl(${t*75} 100%50%`,x.fillRect(956+S(t*2)*50,536+C(t*2)*50,9,9),x.drawImage(c,-6,-3,1932,1086)

Sep 12 2020 12:40 PM UTC

}// 108/140

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

Electric Kool-Aid

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

with(x)for(c.width|=i=960,translate(i,540),M=m=>fillRect(0,0,1,m?80:200,fillStyle=m?R():'#00f');--i;rotate(1))M(0),M(1),fillRect(400,0,9,9 )

Dec 30 2019 10:41 PM UTC

}// 140/140

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

u/tomxor

Aye aye
u/Xen

eyup

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

onmousemove=e=>Y=e.y*3.54;if(!t)L=[],Y=540,L[m=99]=540;c.width|=L[-1]=Y;for(i=m;i--;x.fillRect(i*20,L[i],9,9))L[i]=t?(L[i-1]*2+L[i+1])/3:540

Sep 7 2019 6:07 PM UTC

}// 140/140

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

#interactive

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

for(c.width+=j=0;10>j;j+=2.094)for(i=30;i--;)x.moveTo(n=960+S(t+j)*(g=S(t)*600),m=540+C(t+j)*g),x.arc(n,m,18*i,0,7);x.lineWidth=9;x.stroke()

Aug 23 2019 12:49 AM UTC

}// 140/140

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

I spent hours on this one #moire

u/katkip

interesting

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

t?onclick=_=>c.width|=s=t:s=1;for(X=Y=i=Q=3;i--;Y+=C(t*R(9))*R(750/Q))R=r=>~~(S(r**i*s)*r),X+=S(t*R(9))*R(750/Q);x.fillRect(X+960,Y+540,9,9)

Dec 14 2019 6:35 PM UTC

}// 140/140

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

The pattern changes every time you click! Try increasing Q for more intricate designs

u/katkip

some of them are really nice!
u/mildlybean

Oops, I just realized u/Blacklink already did this d/16770

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

for(c.width+=y=0;y++<3;)for(i=-1;i++<39;){h=(i+1)*6.5;x.fillStyle=R(h,255-h,y*50);x.fillRect((n=i*99+S(t)*999)-999,S(n/99)*99+y*250,50,200)}

Aug 19 2019 1:15 PM UTC

}// 140/140

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

Here's a simple one

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

for(i=0;999>i++;){h=Math.random(),w=Math.random(),e=h*6-t;x.fillStyle=R(S(e)*(q=255),S(e-2)*q,S(e-4)*q);x.fillRect(w*1920,h*999,9,9*S(w*9))}

Aug 18 2019 9:48 PM UTC

}// 140/140

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

I ran out of characters. But this is cool... i guess

u/13thptr

you can remove the brackets of the for loop, doing for(i=999;i--;) is 1 byte shorter over your approach and 1920 can be approximated with 2e3
u/mildlybean

thanks, ill keep that in mind for future dweets

show FPS hide FPS share 1 remix fullscreen

mildlybean

function u(t) {

var s=2;for(var X=1940;X-=20;)for(var Y=1100;Y-=20;x.fillRect(X-20,Y-20,20,20))x.fillStyle=`hsl(${((X-980)**2+(Y-560)**2)**.5*t*s},99%,45% `

Dec 16 2019 1:28 AM UTC

}// 140/140

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

Change s to modify the speed

dwitter.net | mildlybean (291)