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) {

c.width+=0;for(i=99;i>-99;)x.fillRect(--i*9+960,535+S(t*i/20)*535,9,9)

Sep 6 2019 8:55 PM UTC

}// 70/140

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

Wait for it

u/mildlybean

Apparently this has been done many times before. oops

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

w=[[99,30,8],[3,50,1],[6,9,-1]];for(c.width|=i=1919;i--;x.fillRect(i,540+y,15,15))y=0,w.forEach(function(m){y+=m[1]*S(t*m[2]+i*m[0]/305)*5})

Sep 2 2019 7:38 PM UTC

}// 140/140

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

Sum of three sine waves. By modifying w, you can try any combination of sine waves.

u/mildlybean

w=[[3,25,3],[6,25,2],[9,25,1]] is cool
u/mildlybean

So is w=[[4,20,-2],[2,40,2]]

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

onmousemove=e=>{X=e.x,Y=e.y};P=p=>S(~~(p/30)*i/99)*530+960;for(i=c.width+=0;i--;x.fillRect(P(X),P(Y)-420,9,9))x.fillStyle=`hsl(${i},99%,45%`

Sep 2 2019 2:24 AM UTC

}// 140/140

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

Move your mouse over the canvas #interactive

show FPS hide FPS share 1 remix fullscreen

mildlybean

function u(t) {

c.width|=t/=4;A=a=>960+a(g+i*3.142/1.618)*(g%1*1200);for(i=j=954;i--;)g=t+i/j,x.moveTo(X=A(S),Y=A(C)-420),x.arc(X,Y,6+g%1*33,0,360);x.fill()

Aug 27 2019 5:44 PM UTC

}// 140/140

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

Golden ratio spiral

u/robbyg

Beautiful and hypnotic!

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

if(t<0)x.drawImage(c,0,2)
else if(t<20){
   x.fillStyle=`hsl(${t*99},99%,45%)`
   x.fillRect(960-99*t,0,198*t,2)
   u(t-1)
}else u(19+t-~~t)

Aug 27 2019 1:32 PM UTC

}// 140/140

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

To understand recursion, you must first understand recursion.

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

R=C;onmousemove=e=>C[~~(e.x/4.4)*64]=1;for(c.width=128,m=8192;m--;n?R[m+1]?0:o<64-1?C[m]=0*(C[m+1]=1):0:0)x.fillRect(m/64|0,o=m%64,n=R[m],n)

Aug 27 2019 11:31 AM UTC

}// 140/140

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

Move your mouse over the canvas. Also, try changing 64-1 to 64

Show more comments…
u/mildlybean

Sorry mobile users
u/katkip

awesome
u/metamero

so relaxing #interactive
u/katkip

It's like a City Builder
u/username

Why you use 64-1 instead of 63? 😂
u/tomxor

because that would only be 139 chars silly :P
u/atgz

138* :P

show FPS hide FPS share 5 remixes fullscreen

mildlybean

function u(t) {

Z=(X,Y)=>S(X*Y/999+t*9)*9
c.width|=0;for(i=-64;++i<64;)for(j=-64;++j<64;x.fillRect(960+i*d,540-.7*(j+h)*d,3,3))d=3e3/(400+.7*(j-(h=Z(i,j))))

Aug 26 2019 1:51 PM UTC

}// 140/140

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

It will graph any equation you put on the first line. Give it a try, I'd love to see your remixes!

Show more comments…
u/mildlybean

S((X*X+Y*Y)**.5/4-t*16)*16 is interesting
u/tomxor

Neat! #application , shameless plug to my old retro version: d/12669
u/tomxor

yours has a much nicer resolution: Z=(X,Y)=>S((X*X^Y*Y)**.1-t*8)*16
u/katkip

Z=(X,Y)=>S(X/9*C(t)+Y/9*S(t))*9 is cute
u/tomxor

moire: Z=(X,Y)=>t
u/katkip

Any formula has a moire actually
u/mildlybean

Especially (X+Y)%2==0?0:S(t*2)*50

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) {

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) {

c.width+=0;for(i=-64;++i<65;)for(j=-64;++j<65;)x.fillStyle='#03F',x.fillRect(i*S(t)*8.4+j*C(t)*8.4+960,(i^j)*8.4+540,5,5)//first dweet <140!

Aug 22 2019 5:27 PM UTC

}// 140/140

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

Plot of XOR function

u/taupelink

very cool!
u/katkip

WOW
u/KilledByAPixel

👍
u/django

really cool, welcome to dwitter!

dwitter.net | mildlybean (291)