Dweets awesomed by u/5Mixer

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

Renaud___

function u(t) {

r=Math.random;f=g=>Math.floor(256*r());x.fillStyle=R(f(),f(),f(),0.008);for(i=0;i<99;i++)x.fillRect(2220*r()-300,1380*r()-300,600,600);

Feb 24 2017 11:35 AM UTC

}// 135/140

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

u/5Mixer

Woah, this is awesome. I've got no idea how it works but it's making a dope picture :D
u/Renaud___

Its only chain of random position square with very very low opacity and random color :]
u/sfz

I'm just... I'm... speechless.

show FPS hide FPS share fullscreen

5Mixer

function u(t) {

y=(h=999)/2;i=w=c.width=h*2;
while(i--){x.fillStyle=R(i/7,(w-i)/7,i)
o=(h-i)%y
l=C(o*4)*(o%(w/(S(t)*9)))
x.fillRect(i,y+S(i/w*9+t)*99,1,l)}

Feb 24 2017 10:28 AM UTC

}// 140/140

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

Some interesting tricks - I use a backwards while loop, not sure if this is shorter. To go from screen width to 256 for colours, I divide by 7. Alot of variable reuse. First one, enjoy heh :)

show FPS hide FPS share fullscreen

BNeutral

function u(t) {

w=t/1.4;s=100/t;v=80/t;x.fillStyle=R(255*S(w));x.fillRect(v*16*Math.pow(S(w),3)+960-s/2,540-s/2-v*(13*C(w)-5*C(2*w)-2*C(3*w)-C(4*w)),s,s);

Feb 24 2017 9:54 AM UTC

}// 138/140

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

u/Kalanchoe

cute!
u/iverjo

#heart
u/ItzChimp

Do you have to use Math.pow here? Can't you use ** instead?

show FPS hide FPS share fullscreen

Birdinadream

function u(t) {

q=255;b=540;x.fillStyle=R(9,9,9,.1);x.fillRect(0,0,1920,2*b);x.fillStyle=R(q,q,q,1);for(i=0;i<99;i++)x.fillRect(b+i+T(t)*99,b+C(t*i)*b,6,2)

Feb 24 2017 8:41 AM 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 fullscreen

donbright

remix of d/1055 by u/paberr

function u(t) {

x.font="99px Arial";for(i=64;i;i--)w=3+i%8<<7,h=i/8<<7,(i/8^i)%2?x.fillRect(w,30+h,128,128):1,x.fillText(i%29<1?"♚":i%37<1?"♔":" ",w+20,h)

Feb 24 2017 7:27 AM UTC

}// 138/140

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

stalemate!

u/5Mixer

Chess pieces were a nice touch :)
u/sigveseb

cool ^^
u/donbright

#chess

show FPS hide FPS share fullscreen

323454

function u(t) {

t=t*10
x.lineTo(Math.abs(S(t))*t*10, Math.abs(C(t))*t*10)
x.stroke()

Feb 24 2017 7:24 AM UTC

}// 68/140

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

u/fson

Like a spider weaving a web.

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

Ericsmack

function u(t) {

c.width=1920;for(i=0;i<100;i+=2){x.font=360+S(t)*i*2+"px Impact";x.fillStyle=R(i+S(t),i+55,i+55);x.fillText("HEYYY",550,500+S(t)*i*S(t)*2);}

Feb 22 2017 11:14 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/5Mixer

Very nice!

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 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 | 5Mixer (3426)