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

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 1 remix fullscreen

tomxor

remix of d/15526 by u/mildlybean

function u(t) {

t*=2,Z=_=>C(3*S(Y)**2+3*S(X+t)*S(Y+X-t))**4/3
for(c.width=i=1024;i-=1/16;x.fillRect(48*(X*2+Y+11),48*(X/2-Y+z),1,5))z=6-Z(X=i%8-4,Y=i/128-4)

Aug 27 2019 8: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).

Had been keeping this function around for a while but no use for it, it's just strange.

u/tomxor

... each blob doesn't actually propagate, but gives the illusion it does.
u/katkip

looks great
u/katkip

#waves

show FPS hide FPS share fullscreen

tomxor

remix of d/15526 by u/mildlybean

function u(t) {

Z=_=>S((S(X)**2+S(Y)**3)*3.14+t*6)**6/4
for(c.width=i=1024;i-=1/16;x.fillRect(48*(X*2+Y+11),48*(X/2-Y+z),1,5))z=6-Z(X=i%8-4,Y=i/128-4)

Aug 27 2019 8:00 AM UTC

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

tomxor

remix of d/15526 by u/mildlybean

function u(t) {

Z=_=>S(X*Y/5+t*9)
for(c.width=i=1024;i-=1/16;x.fillRect(48*(X*2+Y+11),48*(X/2-Y+z),1,5))z=6-Z(X=i%8-4,Y=i/128-4)

Aug 26 2019 10:00 PM UTC

}// 112/140

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

Surface Plot 3 #application

u/tomxor

Derivative of d/15526 and d/12669 and d/12683 to shave some bytes off
u/tomxor

#app

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

atgz

remix of d/12738 by u/DataMeta

function u(t) {

c=400;for(i=512;i--;)x.fillStyle=R(C(i)*(a=C(t*i--/360))*255,S(i)*a*255,3e4/i),
x.fillRect(960+c*S(t+i/22*7.111),540+c*C(t-i),8,8)

Aug 26 2019 1:29 PM UTC

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

atgz

remix of d/10008 by u/atgz

function u(t) {

d=+t
for(i=700;i--;x.fillRect(960+(b=t*i--%1e3)*C(a+t),540+b*S(a+t),9,9))x.fillStyle=`hsla(${a=t*d*T(i/1e4)},99%,${i}%,.4`

Aug 26 2019 12:56 PM UTC

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

katkip

function u(t) {

c.width|=0;x.translate(z=960,540);for(i=7;i--;x.fillRect(-z,0,2e3,4))x.beginPath(),x.fill(x.arc(S(t+i*1.68/4)*500,0,50,0,7)),x.rotate(.45)

Aug 24 2019 12:27 PM UTC

}// 138/140

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

That #illusion that everybody knows but not very precise because of golfing. https://media1.tenor.com/images/4ba3468dfd7f…

u/aleamb

relaxing!

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𪑦𚀡𭀦𙠨𥀽𫁯𨱡𫁓𭁯𬡡𩱥𦰢𭁣𫐢𧐩🐽𭑮𩁥𩡩𫡥𩀩𮱔👛𧐻𩡯𬠨𪰽𜀻𥀮𫁥𫡧𭁨🀲𝐶𞱫𚰫𚑔𛡰𭑳𪀨𨁨𬱬𚀤𮰲𝀰𛑫𚡫𚡫𛰨𪰪𚠱𛠹𞐩𚠨𤰨𪰯𞐩𛱫𚱫𛰨𪰫𪰯𞐩𚑽𛀤𮰱𜀰𛐵𜀪𤰨𪰯𜠱𛐱𛠶𚑽𙐬𙁻𝀵𛑫𛰹𞑽𙐩𨀩𯐠`.replace(/uD./g,'')))

Aug 24 2019 8:18 AM UTC

}// 127/140

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

Turbo colormap. Use localStorage["tcm"] (256 elements array)

u/katkip

Add localStorage.tcm = T; for (i in T) x.fillStyle = T[i], x.fillRect(i*5,0,5,2e3)
u/mildlybean

Cool!

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?

dwitter.net | mildlybean (2822)