New #loading dweets

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 1 remix fullscreen

joeytwiddle

remix of d/3108 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,1920,1080);t*=1.3;f=.075;for(i=3;i--;)p=t%1,q=p-f*i,h=q>0&&q<.25?(80-90*q)*(0.9):0,x.clearRect(920+i*50,540-h,32,h*2)

Aug 28 2017 5:28 AM UTC

}// 132/140

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

dweet player loader facebook edition

u/joeytwiddle

(repost because the previous version was too fast)
u/magna

Added to rotation!
u/joeytwiddle

#loading

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/3109 by u/yokljo

function u(t) {

c.width|=m=170;for(i=5;i--;x.fillRect(960+m*S(a)-s,540-m*C(a)-s/2,s,s))k=m*t,a=6.28*k/m,a+=(i-2)*(1-C(a))/6,a-=0.8*S(a),s=20+1.4*(1+C(a))**5

Aug 26 2017 4:06 PM UTC

}// 140/140

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

dweet player loader skype edition

u/magna

Added to rotation!
u/joeytwiddle

Thanks :)
u/joeytwiddle

#loading

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3096 by u/magna

function u(t) {

c.width|=k=99;s=a=>S(a%k/k);l=k*t;for(r=k;r--;x.arc(940,540,k,a,a+.3,x.beginPath(x.stroke())),x.lineWidth=28-16*(s(r+l)+s(1.3*l-r)))a=1-r/16

Aug 25 2017 5:46 PM UTC

}// 140/140

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

dweet player loader android edition

Show more comments…
u/sigveseb

It just loads forever :P
u/joeytwiddle

Oh I didn't realise it was suppose to finish loading!
u/magna

Yes, ideally, the loader should show progress when t is between 0 - 1. But I think infinitely loading progress indicators like these are totally fine as well!
u/magna

Added to rotation!
u/joeytwiddle

Oooh I see, thanks. I thought we were just doing loading spinners for fun, but they are for https://dweet-player.herokuapp.com/
u/iverjo

Here's my Android-style loading animation: https://www.dwitter.net/d/620
u/joeytwiddle

#loading

show FPS hide FPS share fullscreen

magna

remix of d/2403 by u/magna

function u(t) {

w=c.width|=0
r=x.clearRect.bind(x)
x.fillRect(0,0,w,w)
r(950+C(T=t*30)*70,490+S(T)*70,20,20)
r(0,950,t*w,10)
r(40,1e3,10,40)+r(60,1e3,10,40)

Aug 24 2017 6:29 AM UTC

}// 140/140

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

dweet player loader

u/FireFly

I keep waiting for it to finish loading…
u/sigveseb

Sweet!
u/magna

#dweetplayerloader
u/joeytwiddle

#loading

show FPS hide FPS share fullscreen

magna

remix of d/2588 by u/magna

function u(t) {

w=c.width|=0;x.fillRect(0,0,w,w);x.clearRect(100,470,1720,140);x.fillRect(110,480,1700,120);x.clearRect(120,490,(t-(t|0))*1680,100)

Aug 24 2017 4:07 AM UTC

}// 131/140

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

dweet player loader mark 2

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 fullscreen

iverjo

function u(t) {

c.width=1920;x.beginPath();x.beginPath();x.arc(960,500,199,t*4+2*C(t),t*4+3.2+2*S(t));x.lineWidth=40;x.strokeStyle='#5592FB';x.stroke();

Jan 14 2017 4:48 PM UTC

}// 136/140

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

Android-style loading spinner

u/iverjo

119 characters: c.width^=0;x.beginPath();x.arc(960,500,199,t*4+2*C(t),t*4+3.2+2*S(t));x.lineWidth=40;x.strokeStyle='#5592FB';x.stroke()
u/iverjo

#loading #spinner

You've reached the end.

dwitter.net | #loading