Dweets awesomed by u/zanella

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

mop

function u(t) {

b=150
c.width=1920
x.font='5em"'
for(i=3;i<9;i++)for(j=4;j<8;j++)x.fillText('💩',i*b,j*b+((t+i)*99)%b)
x.font='70em"'
x.fillText('☁️',b,680)

Jun 21 2018 8:19 PM UTC

}// 139/140

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

only looking good on windows it seems :(

u/joeytwiddle

On this Mac 16em or scale(25,25) are the largest. But you can lower the width: d/7863

show FPS hide FPS share fullscreen

Xen

remix of d/8673 by u/BalintCsala

function u(t) {

c.width=300
with(x)for(translate(150,90),i=9*t;i-->0;fill())beginPath(fillStyle=`hsl(${i*t},99%,39%`),arc(i/2,0,4*C(i+t)+4,0,9),rotate(-t/i)

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

quick play,, do i*i instead of i*t on hsl for the yellow submarine remix

Show more comments…
u/pythech

Had so much fun with this!
u/magna

SOOO PRETTY!
u/joeytwiddle

Finally, a nice Xen dweet I can show my mother! 🍭
u/S.T.L.K.R.

Keep watching ur complience will be rewarded
u/brainjs

This is awesome!!!
u/cantelope

#yellowsubmarine
u/joeytwiddle

Weird and wonderful

show FPS hide FPS share 1 remix fullscreen

lazyguyy

function u(t) {

t=9*t&(c.width=511);for(a=1;a<55;){o=(++a**9+t)%43-9;for(z=1;z<10;)x.fillStyle=R(0,S(++z/4)*255),x.fillText("シンボル"[(t+z+a)%4],a*9,(o+z)*9)}

Jun 20 2018 3:05 PM UTC

}// 139/140

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

Maybe someone can add a black background, but I'm not good enough at golfing down js code to this. #matrix

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/8662 by u/firegodjr

function u(t) {

c.width|=0
for(x.translate(960,540),i=200;i-->0;)x.lineTo(5*i,0,20*C(i*.9)+30,0,9),x.rotate(t/200-3.82)
x.fill("evenodd")

Jun 20 2018 2:24 PM UTC

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

DataMeta

remix of d/869 by u/maysick

function u(t) {

for(i=0;i<255;i++){x.fillStyle=R(i,i,i);b=(1.21*i*(500+t)/360);x.fillRect(-b/10+960+b*C(b),-b/10+540+b*S(b)+16,b/8,b/8)}

Jun 20 2018 2:18 AM UTC

}// 120/140

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

hole in canvas

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width+=S(t)*9
for(i=9;i--;)x.fillRect(400+i*100+S(t)*300,400,50,200)

Jun 19 2018 5:33 AM UTC

}// 70/140

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

Not clearing canvas in the usual way. #default

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

pythech

remix of d/8630 by u/pythech

function u(t) {

c.width|=0
with(x)for(i=3;i--;stroke())beginPath(lineWidth=r=100*C(t+3.14)+200),arc(650+250*i,700-i%2*434,r/2,z=i*2.095,5.235+z)

Jun 17 2018 9:24 PM UTC

}// 128/140

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

Imaginary Triangle

u/lionleaf

#illusion
u/iverjo

#opticalillusion
u/Purpzie

You can save 1 character by putting arc(650+250*i,700-i%2*434,r/2,z=i*2.095,5.235+z) in the for loop before stroke()
u/Purpzie

oh wait no you can't it's the same, never mind

show FPS hide FPS share 1 remix fullscreen

aemkei

function u(t) {

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

Jun 17 2018 9:23 PM UTC

}// 114/140

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

#slotmachine

u/aemkei

I'm sorry but you can't win here.
u/BalintCsala

#storyOfMyLife
u/aemkei

Now you can "Click to play": d/8645

dwitter.net | zanella (15449)