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

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

onkeydown=e=>X=Y=V=C=0;Y==990&&X>C-9&&C+83>X?V=-44:X%=c.width|=onmousemove=e=>C=e.x*3.3;x.fillRect(X+=8,Y+=V++,16,16);x.fillRect(C,999,99,9)

Jan 1 2020 3:46 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 made it better

u/mildlybean

Click the canvas, then tap any key to start. Move your mouse to keep the ball in the air.
u/tylertoomey

This is great

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

H=h=>x.moveTo(961,q=541)|x.lineTo(960+S(h)*q,q-C(h)*q);d=new Date;H((d.getHours(c.width+=m=d.getMinutes()/60)%12+m)/1.9);H(m*6.3);x.stroke()

Dec 18 2019 1:21 AM UTC

}// 140/140

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

Clock

u/katkip

#clock #time
u/DataMeta

Nice one. Can use this to demonstrate that JS uses the client's local environment clock

show FPS hide FPS share 2 remixes fullscreen

mildlybean

function u(t) {

for(i=c.width+=0;i-=10;)for(j=1080;j-=10;)x.fillRect(i+t+C(t),j+t,9,9)

Sep 9 2019 7:33 PM UTC

}// 70/140

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

I can't be the first person to do this

u/0x04

There is always a first time 😏
u/lionleaf

#grid Works a whole lot better in fullscreen :) Without fullscreen I'm getting aliasing effects
u/metamero

#moire #opticalillusion

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

c.width|=0;for(i=-64;++i<64;)for(j=-64;++j<64;x.fillRect(i*S(t*4)*8+j*C(t*2)*8+960,(4e3-i*i-j*j)**.5*(i%2?8:-8)+540,5,5))x.fillStyle=`#f`+ i

Dec 3 2019 5:13 PM UTC

}// 140/140

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

Optical Illusion

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

_s=["\x68\x65",'\x66\x72_\x9e\x63\x74\x59\x6f\x6e',"\x6f\x20\x77","\x6c\x6c","\x6f\x72\x6c"];throw _s[+[]]+_s[1^1<<1]+_s[+![]+2]+_s[4]+"d\n"

Sep 19 2019 1:47 AM UTC

}// 140/140

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

hello world

u/katkip

#obfuscated

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

t%1<.1?c.width+=0:r=S((~~t)*100)/9;for(i=9e3;i--;x.fillRect(X,Y,1,1))m=Math.random,X=m()*2e3,Y=m()*1e3,x.fillStyle=R(0,0,0,C((X^Y)*(999+r)))

Sep 8 2019 5:23 PM UTC

}// 140/140

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

Cool patterns with xor

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

dwitter.net | mildlybean (296)