Dweets awesomed by u/SIGILLIM

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 4 remixes fullscreen

jonathan_b

remix of d/4239 by u/jonathan_b

function u(t) {

c.width^=0;s=500;for(i=0;i<768;i++)for(j=0;j<6;)x.fillStyle=R(i,j*40,s/C(i),.6),x.fillRect(960+s*C(i)*S(T(t/j*.3)+j++/j*i),540+s*S(i),20,20)

Dec 28 2017 2:09 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 2 remixes fullscreen

anykey

function u(t) {

c.width|=0
x.font='200px courier'
x.fillText('¯\\_   _/¯',410,670+S(t*4)*30);
x.fillText('(ツ)',730,650);

Dec 27 2017 11:04 PM UTC

}// 104/140

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

u/sigveseb

Hehehe the animation

show FPS hide FPS share 6 remixes fullscreen

Exca

function u(t) {

t/=4;for(i=0;i<1100;i++){d=C(t+i),s=i==0?2920:9-d*8;x.fillStyle=R(i,i,i,0.1);x.fillRect(S(t*2.5+i)*220*S(C(t)+i%50)+960*(i==0?-1:1),i,s,s);}

Dec 27 2017 7:58 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 more comments…
u/magna

Wow!
u/Xen

impressive first 2 dweets
u/sigveseb

Very nice
u/mrremix

i really like this one... might do a remix later :]
u/CliffJonesJr

I remixed this into a tornado: https://www.dwitter.net/d/4590
u/lionleaf

#twister
u/Cloud

Milk path
u/vain

cool looking twister / tube

show FPS hide FPS share fullscreen

letsbreelhere

remix of d/3857 by u/itsjustmustafa

function u(t) {

x.fillStyle='#000';x.fillRect(0,0,2e3,2e3);x.fillStyle="#ccc";for(i=0;i<2e3;i++)p=9*S(i)+9,x.fillRect(9*i-T(t)*p*9,p*999%1080,p+T(t)*p,p)

Dec 27 2017 5:29 AM UTC

}// 137/140

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

Some hyperjumps before bed :)

show FPS hide FPS share 3 remixes fullscreen

letsbreelhere

remix of d/3826 by u/sokacsavok

function u(t) {

α=200;c.width=α*2;τ=Math.PI*2;x.font="36px A";x.fillText(['🌚','🌒','🌓','🌔','🌝','🌖','🌗','🌘'][(t|0)%8],α+C(t)*70,50+70+S(t)*70);

Dec 27 2017 3:31 AM UTC

}// 125/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/abrunkhorst

This is super clever!
u/sigveseb

Needs more upvotes!
u/miggy

I love the unicode 'α'
u/xem

-18b: x.fillText([...'🌚🌒🌓🌔🌝🌖🌗🌘']
u/letsbreelhere

@xem TIL!
u/sigveseb

Ooh clever use of ... operator
u/berti

so much yes
u/lionleaf

#sun #emoji #moon

show FPS hide FPS share 7 remixes fullscreen

sadropol

remix of d/3748 by u/sadropol

function u(t) {

c.width|=0;for(i=1;i<140;i++){b=2*t+i;o=200-(S(b+5)*126)%256;x.fillStyle=R(0,o,0,1);x.fillRect(940+((i/60)%1)*S(b)*200,400+i*6%400,8,8);}

Dec 27 2017 12:01 AM UTC

}// 138/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/sigveseb

merry christmas!
u/joe724

Beautiful!
u/Chipnstein

just got plastuer and made a nice redish background to apply this on my desktop, awesome!
u/vrishankm13

new here, but this is already my all time favorite, so beautiful
u/lionleaf

Awesome! Merry Christmas :D Some good ones last year as well, if you manage to find them ^^
u/hollo47

#tree #christmas
u/vain

beautiful xmas tree

show FPS hide FPS share 3 remixes fullscreen

sadropol

function u(t) {

c.width|=0;for(i=1;i<140;i++){b=2*t+i;o=(S(b+5)*226)%256;x.fillStyle=R(o,o,o,1);x.fillRect(940+S(b)*200,6*i+(1.3*i)*399%400,8,8);}

Dec 26 2017 11:40 PM UTC

}// 130/140

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

u/sigveseb

nice helix!
u/vain

very nice

show FPS hide FPS share 15 remixes fullscreen

Citiral

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=10)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080/2
d=Math.sqrt(i2*i2+j2*j2)/60
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 26 2017 8: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).

Show more comments…
u/Xen

nice style...
u/Xen

done you a remix #3711
u/sigveseb

very nice steuff
u/sigveseb

stuff*
u/QuincySx

nice
u/netwander

fz_free@tom.com
u/Mew_

sweet
u/rhys5584

all glory to the hypno toad
u/IcanDivideBy0

Math.hypot(i2,j2)
u/SIGILLIM

This is oddly relaxing
u/donbright

remix https://www.dwitter.net/d/5200
u/f8f82804

#halftone
u/Fox

huh, this could make a pretty good desktop background
u/vain

looks really great

show FPS hide FPS share 17 remixes fullscreen

jczimm

function u(t) {

c.width=1920;
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)*S(T(t/1.1)+j/i),540+200*S(i),10,10)}

Feb 22 2017 5:23 PM UTC

}// 109/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/sigveseb

Very stylish!
u/ninerdelta

nice!
u/Kalanchoe

truly a compact loading spinner!
u/jczimm

Thanks!
u/serko

Any way to view this fullscreen on an iPhone?
u/tischler

Awesome. Negating t makes it more aerodynamic. =)
u/Valscor

This is so cool!
u/over

This would be an amazing loading animation !
u/katkip

This is so easy to make and it has 297 likes
u/Leodude123

ねあt
u/Leodude123

Neat!
u/Scaledish

Could I use this as a animation for my site?
u/jczimm

Yes! Consider it CC0-licensed

You've reached the end.

dwitter.net | SIGILLIM (1787)