Dweets awesomed by u/kulak

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

FireFly

function u(t) {

f = t*60|0
X =  f%120, Y = f/120|0
x.fillStyle = "]!{$${!]".charCodeAt(X%16) + 59 >> Y%12& 1? '#345' : '#DEF'
x.fillRect(X*16, Y*16, 16, 16)

Feb 27 2017 6:20 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

cool!
u/sfz

wtf is going on here?!
u/FireFly

The string embeds a tiny bitmap which is simply repeated :)
u/5Mixer

This is an awesome idea! I wonder what else you could do with using strings to encode more complex(?) data. Interesting.
u/PiggyClone205

When I read complex, I immediately thought of maybe importing other javascript and cheating a bit.
u/katkip

#invaders

show FPS hide FPS share 3 remixes fullscreen

tbroadley

function u(t) {

c.width^=0;for(i=3;i++<11;)a=i*S(t)/4,x.beginPath(),x.arc(960,540,40*i,Math.min(t+a,t+3*a),Math.max(t+a,t+3*a)),x.lineWidth=i*i/5,x.stroke()

Feb 26 2017 5:40 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/sfz

sweet loader
u/Kalanchoe

mesmerizing!
u/Tosmatobeef

This is my favorite kind of loading animation
u/iverjo

#loading

show FPS hide FPS share 1 remix fullscreen

lionleaf

remix of d/155 by u/lionleaf

function u(t) {

c.width=2e3;m=S(t*7)*250;x.translate(960,540);for(i=1;i<9799;i++){a=(i%340);x.rotate(.017);x.fillRect(a?(i/999|0)*50:0,m,a?5:450,9)}

Feb 25 2017 6:35 PM UTC

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

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

New_Core

function u(t) {

w=c.width=1e3;b=P=>Math.pow(P,P);for(i=w;i--;)r=b(b(q=Math.abs(C(~~t%20*i/4)/2),1)+b(q,2),-1/1),x.fillRect(500+r*C(i)*50,250+r*S(i)*50,3,3);

Oct 1 2016 7:15 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/iverjo

The sun!
u/iverjo

Btw, I'm looking forward to this: https://developer.mozilla.org/en-US/docs/Web…
u/iverjo

When browsers catch up, we can do a**b instead of Math.pow(a,b)
u/rep_movsd

FWIW double star exponentiation works on all current browsers I think

You've reached the end.

dwitter.net | kulak (551)