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

c.width|=t+=99;for(i=99;i--;x.lineTo(960+540*S(t+t*i/98),540+540*C(t-t*i/99)))x.moveTo(960,540);x.strokeStyle=`hsl(${t*9} 99%33%`;x.stroke()

Dec 19 2020 11:33 PM UTC

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

mildlybean

function u(t) {

c.width|=t?onmousedown=e=>{X=e.x*3;Y=e.y*3}:C=U=0;x.fillRect(X,Y,99,99);X+=C;Y+=U;x.fill(x.arc(960,540,99,0,7));C+=(960-X)/99;U+=(540-Y)/99

Dec 19 2020 6:26 PM UTC

}// 139/140

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

Click on the canvas to move the square. It keeps its velocity when it moves, which leads to some interesting orbits

u/Xen

very nicely done

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)fillStyle=`hsl(270 66%99%`,fill(arc(960,540,99,0,7)),drawImage(c,-1.5,-1,1923,1082)

Sep 10 2020 12:52 PM UTC

}// 90/140

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

I found this cool trick with hsl

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

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

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

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

show FPS hide FPS share 1 remix fullscreen

mildlybean

function u(t) {

t?c.width|=0:C=W=0;C+=W**1.5*.1;onclick=e=>C+=1;onkeydown=e=>{if(C>49+50*W)W+=1,C-=W*50};x.font='99px"';x.fillText('🍪 '+~~C+', 👆 '+W,9,90)

Dec 15 2019 5:41 PM UTC

}// 138/140

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

Cookie clicker! Click for cookies, press space for clickers (each one costs 50 more than the last)

Show more comments…
u/KilledByAPixel

awesome! i was confused at first, you need to click 50 times before you can click space to buy an auto clicker.
u/katkip

Awesome!
u/lionleaf

Awesome! Pressing space scrolls the page down though :(
u/lionleaf

I've spent way too much time on the original cookie-clicker... I'd also recommend the paperclips game
u/lionleaf

#game #interactive
u/13thptr

u/lionleaf play fullscreen :)
u/mildlybean

I love the paperclips game
u/katkip

tycoons are boring and fun in the same time
u/lionleaf

I got to 600M cookies and now have 7k clickers. Turns out at some point it starts becoming possible to go negative as well. Currently at -130M #cookie #cookie_clicker
u/awareness481

You have 2 characters left. You can use those to cover any number overflows :P

dwitter.net | mildlybean (296)