Dweets awesomed by u/jick

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

katkip

remix of d/3381 by u/sniok

function u(t) {

c.width=570;l=20;f=30;for(j=l;j--;)for(i=f;i--;x.fillStyle=R(i*l,j*l,C(t)*255),x.fillRect(S(t/2+5*j)*2+i*l-l,j*l+T(t/2+5+l/i)*l-40,f,f)){}//

Aug 5 2018 11:37 AM 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

richev

function u(t) {

x.lineCap='round'
x.lineWidth=20*t
x.beginPath()
c=6.28*t-1.5
x.strokeStyle=`hsl(${t*72},99%,60%)`
x.arc(960,540,270,c,c+.2)
x.stroke()

Aug 5 2018 6:54 AM UTC

}// 135/140

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

Expanding rainbow loop

u/lionleaf

Very satisfying to watch #rainbow #donut

show FPS hide FPS share fullscreen

jick

function u(t) {

c.width=1920;x.globalCompositeOperation="xor";
for (i=1;i<10;i++) x.fillRect((600+300*C(i+3))+200*S(i*t%50),200+200*C(i*t%50),i*100,i*100)

Aug 3 2018 4:00 AM UTC

}// 139/140

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

u/katkip

🤔

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/8414 by u/joeytwiddle

function u(t) {

t=9+t/5e2;for(c.width|=0,i=4e3;i--;x.beginPath())x.globalAlpha=.05,x.arc(S(i*i/1e4*t)*i/3+960,C(i*i/1e4*t)*i/4+540,i/30+2,0,7),x.fill()

Aug 1 2018 2:30 AM UTC

}// 135/140

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

Eye of the storm #heavy

Show more comments…
u/aleamb

wow!
u/iverjo

This is so cool! Also, in fullscreen it looks like the innermost part of the storm is slowly rotating clockwise #opticalillusion
u/katkip

#storm #clouds
u/magna

This is nuts!
u/Xen

Love It!
u/lionleaf

Times out on my phone. We should increase the timeout limit somewhat
u/joeytwiddle

In the end, we did!
u/joeytwiddle

Many of the start points exhibit patterns, e.g. t=98.99+t/2e2
u/vain

WTF? Amazing!
u/joeytwiddle

This was a happy accident. I was drawing a spiral, and thought "What if the arms rotate with i*i instead of i?" Of course, this makes the outer points spin faster, and distributes the points semi-randomly.

show FPS hide FPS share 3 remixes fullscreen

Xen

function u(t) {

for(Z=i=32;i--;x.fill(x.arc(960,540,Z+i*Z-C(i*t/9)*Z,i+t*2,i+t*2+2)),x.stroke())x.beginPath(x.fillStyle=`hsla(${i*Z^t*99},90%,50%,.01)`)

Jul 31 2018 9:43 PM UTC

}// 136/140

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

Show more comments…
u/DataMeta

Amaaazing style!
u/joeytwiddle

Beautiful! #colors #spiral
u/magna

#toon
u/magna

THIS IS CRAZY!
u/fujimotos

This color tone is so awesome. Reminds me metallic oil.
u/sigveseb

Holy shit so nice :)
u/iverjo

Yes!
u/lionleaf

Beautiful!
u/joeytwiddle

#oil
u/Joachim

#art

show FPS hide FPS share fullscreen

aemkei

remix of d/8633 by u/aemkei

function u(t) {

c.width=600;x.font='9em"';for(i=3;i--;x.fillText(T[0]+T[1]+T[2],40,240))(t-(R|0))<i+2?T[i]=[...'💰🔔🍒🍌🍉'][(i*R+9*t|0)%5]:S;onclick=_=>R=t

Jun 18 2018 7:25 PM UTC

}// 135/140

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

#slotmachine Click to play!

u/aemkei

136: https://www.dwitter.net/d/8647
u/aemkei

(sorry, the 136 version was not working)
u/aleamb

lol
u/aleamb

nice #game
u/joeytwiddle

#slots

show FPS hide FPS share 3 remixes fullscreen

pythech

function u(t) {

c.width|=0
with(x)for(translate(900,500),i=10*t;i-->0;fill())beginPath(fillStyle='red'),arc(5*i,0,20*C(i*.9)+30,0,9),rotate(-Math.PI*2*.618)

Jun 18 2018 3:43 AM UTC

}// 140/140

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

.618 is an approximation to the golden ratio. Putting .5 == 1/2 will create 2 spokes. Similarly .6 == 3/5 will create 5 spokes.

u/pythech

Inspired by Numberphile: https://www.youtube.com/watch?v=sj8Sg8qnjOg
u/DataMeta

I really dig it!
u/aleamb

love it!
u/zanella

You had me at "golden ratio".

show FPS hide FPS share fullscreen

yokljo

function u(t) {

x[s="fillStyle"]=R()
x[b="globalAlpha"]=0.04
x[o="fillRect"](0,0,w=1920,h=1080)
x[s]=R(w)
x[b]=1
for(i=50;i--;)x[o]((t*h/i)%w,(t*h*i)%h,t,9)

Jun 4 2018 1: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).

show FPS hide FPS share fullscreen

sukkamehu

remix of d/8179 by u/sukkamehu

function u(t) {

a=t*10+15;for(i=0;i<360;i++)for(j=0;j<50;j++)
x.fillStyle=`hsl(${i},99%,50%)`,x.fillRect(C(i/a)*j*10+600,S(i/a)*j*10+500,20,20);

May 21 2018 7:31 PM UTC

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

Xen

function u(t) {

for(Z=i=199;i--;x.strokeRect(X,Y,Z,Z))x.fillRect(X=9e2+C(i-t)*i*6,Y=4e2+S(i-t)*i*4,Z,Z),x.fillStyle=`hsla(${4*t*i},90%,50%,.05)`

May 21 2018 5:02 PM UTC

}// 128/140

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

u/DataMeta

completely mesmerizing
u/aleamb

awesome!
u/fourier.space

Has the effect that if you stare at it for a long time, everything else you look at afterwards becomes twisty
u/katkip

#xweet

dwitter.net | jick (3889)