Dweets awesomed by u/nlfonseca

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

nlfonseca

remix of d/6475 by u/nlfonseca

function u(t) {

c.width=1920;
for(j=0;j<60;j++)for(i=0;i<40;i++)
x.fillRect(T(t)*j*i*4,i*50-600,10,10)

Jan 25 2018 5:20 PM UTC

}// 86/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 1 remix fullscreen

nlfonseca

function u(t) {

c.width=1920;
for(j=0;j<60;j++)for(i=0;i<40;i++)
x.fillRect(j*i*4,i*50-600,10,10)

Jan 25 2018 4:40 PM UTC

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

nlfonseca

function u(t) {

c.width=999
for(j=1;j<7;j++)for(i=1;i<4;i++){x.fillStyle='#23C';if(j>i+2){x.fillStyle='#E45'}x.fillRect(j*i*40+S(t*i*j)*99,j*i*25,18,99)}

Jan 24 2018 12:04 PM UTC

}// 138/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 1 remix fullscreen

capelo

function u(t) {

c.width=1920;
for(i=0;i<1e2;i++)x.beginPath(),x.fillStyle=['#E45','#214','#23C'][i%3],x.arc(10+i*20,600+S(C(t)*i)*70,9,1,0.9),x.fill()

Jan 24 2018 11:13 AM UTC

}// 134/140

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

u/aleamb

nice!
u/capelo

@aleamthanks ;)b

show FPS hide FPS share fullscreen

Knifa

function u(t) {

_=45
c.width^=0
for(i=0;i<_;i++)for(j=0;j<_;j++){$=t+S(i/8)-C(j/4)
w=S($)**.85
x.fillStyle=R(0,T($)*255,w*255)
x.fillRect(_*i,_*j,_*w,_*w)}

Jan 23 2018 9:08 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/aleamb

cool
u/donbright

color + width is a nice effect

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

c.width|=z=4+C(t);r=89;f=a=>x.lineTo(250*z+r*C(q=a-S(t+a)/3)*z,99*S(2*t)+r*z*(1+S(q)));f(0);f(1.3);f(2);f(2.5);f(0);f(2);r=99;f(2);x.fill()

Jan 23 2018 4:09 AM UTC

}// 139/140

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

Flying Paper Airplane

Show more comments…
u/donbright

:)
u/sigveseb

Nice idea
u/trupples

Woah
u/aleamb

Great idea. Very nice dweet.
u/Qwitter

Cool
u/Xen

but is it flying towards or away?
u/ellisk1

Good question! It's up to the viewer haha
u/mrbhawk

This is my favourite dweet ever.
u/aleamb

the most elegant dweet ever seen
u/hollo47

#paperplane #elegant
u/joeytwiddle

#model

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 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 | nlfonseca (737)