Top #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: #ScaryMovies

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20648 by u/ciaccodavide

function u(t) {

c.width|=p=314
for(X=p+1;X--;)
r=p+C(X+t*10)*Math.max(0,.5-Math.abs(.5-(X+t*50)%p/p)-.4)*p,
x.lineTo(C(X/50)*r+960,S(X/50)*r+540)
x.fill()

Nov 16 2020 8:19 PM UTC

}// 138/140

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

L O A D I N G filled

u/ciaccodavide

#loading
u/tomxor

Nice!

show FPS hide FPS share fullscreen

katkip

remix of d/12507 by u/katkip

function u(t) {

x.lineWidth=30;x.fillStyle='lime';if(t<6)x.fillRect(960-310+t*99+S(t)*99,540-75,60,150);x.strokeRect(960-325,540-75,650,150);

Feb 24 2019 9:01 AM UTC

}// 125/140

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

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 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

f8f82804

function u(t) {

x.lineWidth=4
t||x.strokeRect(712,492,496,96)
x.fillStyle=`hsl(${t}rad 90% 50%)`
x.fillRect(720+120*(t%4),500,2,80)

Jul 23 2019 4:38 PM UTC

}// 115/140

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

#rainbow #progress -- inspired by https://reddit.com/r/oddlysatisfying/comment…

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 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

Bloodyaugust

function u(t) {

x.lineWidth=20;s=.9;for(i=7;i--;){x.strokeStyle=R(0,S(t*9+i)*255);x.beginPath();x.arc(c.width/2,c.height/2,100,i*s,i*s+s);x.stroke();}

Sep 8 2023 9:57 PM UTC

}// 134/140

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

Loading spinner! My first attempt at "demoscene". I wanted more color variability, but even getting the lines down this low was a struggle.

u/magna

#loader
u/magna

#loading
u/Xen

welcome to the dwitter family!

show FPS hide FPS share fullscreen

Pascal

remix of d/21092 by u/Pascal

function u(t) {

c.style.filter="blur(25px)contrast(99)";c.width|=0;x.arc(960,540,250,t*9+S(5*t),t*9+S(5*t+2)+3);x.fill(x.lineTo(960,540))

Jan 1 2021 9:41 PM UTC

}// 121/140

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

metaball #loading #spinner

show FPS hide FPS share 2 remixes fullscreen

Pascal

function u(t) {

c.width|=p=Math.PI;x.lineWidth=30;x.arc(960,540,200,t*8+S(5*t),t*8+S(5*t+2)+2);x.stroke();

Dec 31 2020 5:35 PM UTC

}// 90/140

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

#loading #spinner

u/Pascal

didn’t even use π, so now 81 -> c.width|=0;x.lineWidth=30;x.arc(960,540,200,t*8+S(5*t),t*8+S(5*t+2)+2);x.stroke()
u/DataMeta

in the future when you do need to use it a nice and short approximation is 22/7 :)

dwitter.net | #loading