Dweets awesomed by u/brentrb

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

Citiral

remix of d/4160 by u/Citiral

function u(t) {

i=new Image();i.src="http://tny.im/bwl";x.drawImage(i,0,1080-S(t-0.5)*230)
c.style=`transform:rotate(${~~(t/6.1415)*180}deg);`

Dec 27 2017 9:24 PM UTC

}// 126/140

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

I hope this works on all browsers :)

u/OlegSchwann

Unfortunately not. "The page’s settings blocked the loading of a resource."

show FPS hide FPS share fullscreen

brentrb

remix of d/3779 by u/brentrb

function u(t) {

c.width=w=480
p=t?p+S(t)/(p/2):3
s=~~p
x.translate(w/2,130)
d=1/p*100
for(i=s;i--;x.lineTo(70,0))x.rotate(6.28/(s-1)+d+(d=0))
x.stroke()

Dec 27 2017 8:17 PM UTC

}// 136/140

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

u/Xen

nice
u/lionleaf

the social ladder of Flatland!

show FPS hide FPS share 2 remixes fullscreen

Exquisite

function u(t) {

r=1080;d=960;c.width=2*d;for(i=0;i<999;i++){x.fillStyle=R(i%300,i%255,i%320);x.fillRect(d+300*S(i+t),r/2+300*S(i)+T(t-i),10,10);}

Dec 27 2017 2:37 AM UTC

}// 129/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/netule

wonderful
u/Exquisite

Thanks :)
u/webworker

Which way is it turning? :D
u/mrremix

^ whoa yea
u/hoppla1232

Help me polarize, help polarize
u/BirdsTweetCodersDweet

#whichwayround #inorout
u/geb

#background

show FPS hide FPS share 1 remix fullscreen

kch

remix of d/3748 by u/sadropol

function u(t) {

c.width|=0;for(i=1;i<140;i++){
b=2*t+i*3;
o=(S(b+5)*226)%256;
x.fillStyle=R(-o,o,o,1);
x.fillRect(940+S(b)*i*2,(1.5*i)*399%600,9,9);
}

Dec 27 2017 12:46 AM UTC

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

brentrb

function u(t) {

c.width=w=640
s=Math.floor(p=t?p+S(t)/5:3)
x.translate(w/2,180)
d=(p-3)/9
for(i=s;i--;x.lineTo(70,0))x.rotate(6.28/(s-1)+d+(d=0))
x.stroke()

Dec 27 2017 12: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).

show FPS hide FPS share 3 remixes fullscreen

snail

function u(t) {

x.transform(540,0,0,540,(c.width=1920)/2,540);
for(i=-t,n=20;n--;i+=t/8)
x.lineTo(C(i), S(i));
x.fill("evenodd");

Dec 26 2017 10:19 PM UTC

}// 113/140

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

u/sigveseb

starts of basic then gets pretty cool
u/lionleaf

It gets cooler and cooler the longer you wait!
u/vain

i love it

show FPS hide FPS share 1 remix fullscreen

Citiral

function u(t) {

x.t=x.translate
x.lineWidth=3
if(!t)x.t(960,540)
x.save()
for(i=3;i--;){x.rotate(t*S(i)*2);x.t(0,97*i)}
x.lineTo(0,0)
x.restore()
x.stroke()

Dec 26 2017 10:13 PM UTC

}// 140/140

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

I had implemented so many more features, like a nice gradient while drawing, but had to scrap a lot to get it in 140 characters... :( DwitLonger please!

Show more comments…
u/lionleaf

Neat! At first thought it was a lopsided <3 :P
u/Xen

its all in the codegolf, you'll learn some shortening tricks by looking around here, t?x.lineWidth=3:x.t(960,540)
u/Xen

its all in the codegolf, you'll learn some shortening tricks by looking around here, t?x.lineWidth=3:x.t(960,540)
u/Citiral

Ooh, that's a really neat trick, thanks! And here I was, so proud of my for loop :p
u/Xen

why that needed to post twice i have no idea :-(
u/Xen

for(i=3;i--;x.t(0,97*i))x.rotate(t*S(i)*2)
u/Xen

there will be a messaging system shortly, will come in handy for shaving that last pesky byte

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 | brentrb (915)