Dweets awesomed by u/Kalanchoe

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

fson

function u(t) {

X=960;Y=540;c.width+=0;x.lineWidth=23
x.arc(X,Y,50,0,7);x.fill()
for(i=t;i<t+4;i++)x.beginPath(),x.ellipse(X,Y,250,99,i*1.04,0,7),x.stroke()

Feb 23 2017 1:31 PM UTC

}// 140/140

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

u/iverjo

Clean
u/Kalanchoe

so perfect!

show FPS hide FPS share 2 remixes fullscreen

andy

function u(t) {

a=b=>S(t*b)*128+128
x.fillStyle=R(a(1.3),a(3),a(2))
x.fillRect(S(t*3)*960+960,C(t*2.5)*539+539,10,10)
x.drawImage(c,S(t)-2,C(t)-2,1924,1084)

Feb 23 2017 10:30 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 more comments…
u/magicmarc

First line as "a=b=>128*(S(t*b)+1)" brings this to 140.
u/andy

Thanks, that's right. Didn't even realize i was over 140 :)
u/lionleaf

Are you seeing over 140 characters? On chrome it says 140/140 at least.
u/andy

weird, yesterday it said 143.
u/michelinux

It's probably because on Windows the new line takes 2 characters ('\n\r'). Use ';' instead of new line and you should have a more consistent behaviour.
u/andy

still weird, i don't have any windows machines.
u/SpecialAgent

the simplicity of that zoom blows my mind, great work!

show FPS hide FPS share 1 remix fullscreen

aemkei

function u(t) {

c.width^=0;for(i=-30;i<30;i+=0.01+t/2e3)x.fillRect(960+T*C(T=i*40),540+T*S(T),w=4+i*S(t),w)

Feb 23 2017 10:30 AM UTC

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

fredwulei

function u(t) {

c.width|=0;for(k=0;k<8;k++)for(i=0;i<15;i++)if('筯቉珧珏寉秏积牉篯篏'.charCodeAt((t+'').charCodeAt(k)-48)&1<<14-i)x.fillRect(k*36+i%3*9,(i/3|0)*9,8,8)

Feb 23 2017 3:54 AM UTC

}// 140/140

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

u/donbright

can i guess how? did you pack the shapes for numerical digits into UTF8?
u/fredwulei

yes, digits are in 3 by 5, so I use unicode to represent the shape
u/aemkei

Nice! Did something like that here: https://gist.github.com/aemkei/1272408

show FPS hide FPS share 2 remixes fullscreen

walsh9

function u(t) {

O=[],Z=z=>R(y=255*S(z/32),y,y+128);for(i=1e4;i--;)d=i%128*15,e=i/128|0,x.fillStyle=Z((S(d/64)+S(e/4)+t)*99),x.fillRect(d,e*16,16,16)

Feb 23 2017 2:55 AM UTC

}// 132/140

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

u/donbright

love the color scheme
u/walsh9

whoops left some junk at the beginning. not even using that array.
u/iverjo

Beautiful
u/sigveseb

Very pretty
u/Kalanchoe

Trippy yet so relaxing

show FPS hide FPS share 4 remixes fullscreen

p01

function u(t) {

for(d=2e3;d--;x.fillRect(960+d*C(a),540+d*S(a),24,24))a=Math.random()*6.3,x.fillStyle=R(e=255*C(t-1e3/d*S(t-a-C(a*99/d))),99*S(a-e/d),6e4/d)

Feb 22 2017 11:45 PM UTC

}// 140/140

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

u/sigveseb

Nice!
u/ninerdelta

wow!
u/p01

Thanks :)
u/ArtsyBiker1

Awesome!
u/TheGreatRambler

Messing with my brain!
u/lionleaf

#tunnel

show FPS hide FPS share fullscreen

sigveseb

remix of d/407 by u/sigveseb

function u(t) {

for(n=c.width=i=1e3,s=S(t),k=C(t);i--;x.lineTo(n*X/Z,n*Y/Z))F=S(i),U=C(i),V=(i&7)-3,_=V*s+F*k,Z=V*k-F*s+15,X=_*k-U*s+7,Y=_*s+U*k+3;x.fill()

Feb 22 2017 9:37 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/donbright

that is unbelievable cool
u/iverjo

This one is best viewed in Chrome
u/magna

Nanotube
u/sigveseb

#material
u/joeytwiddle

Could be a dune heighliner #shiny
u/stiaje

#witchcraft
u/joeytwiddle

#hiddengem

show FPS hide FPS share fullscreen

recursive

remix of d/887 by u/New_Core

function u(t) {

t||((I=new Image()).src="https://is.gd/aYk0fZ")
x.fillRect(0,0,z=5e5,z)
for(i=960;i--;)x.drawImage(I,0,t*60-z/(250+i),w=640,1,w-i,i,w+i*2,1)

Feb 22 2017 6:42 PM UTC

}// 140/140

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

Got a black backgrounhd

u/lionleaf

Awesome! Give it some time to start ;)
u/New_Core

nice =)

show FPS hide FPS share fullscreen

recursive

function u(t) {

for(X=0;X<2e3;X+=64)for(Y=0;Y<2e3;Y+=64)x.fillStyle=R(d=300-((Y-540-200*C(t))**2+(X-960-200*S(t))**2)/2e3,d-64,d+128),x.fillRect(X,Y,64,64)

Feb 22 2017 5:54 PM UTC

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

dwitter.net | Kalanchoe (6797)