Dwitter - javascript demos in 140 characters

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: #Food

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

c.width*=1;for(i=70;i--;x.fillRect(800+i*5,200+o*40,5,i>2?200:700))x.globalAlpha=o=S(t*2+i/8)*i/130+.7

Aug 26 2017 11:40 PM UTC

}// 102/140

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

u/iverjo

#flag

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

c.width|=0;
for(i=130;i--;)x.ellipse(960,540,i*4,150*S(t+i/50)+150,2*S(t/4)+i*2.1,t,7+t)
x.stroke()

Aug 24 2017 3:05 PM UTC

}// 99/140

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

u/FireFly

Awesome "wire" art! Love it.
u/SilentSword

excellent!
u/d0n.key

Illuminati confirmed - I see triangles everywhere

show FPS hide FPS share fullscreen

Xen

remix of d/3101 by u/kchplr

function u(t) {

f=frame
'p}¶¼<¼¶}p'.charCodeAt(f/8|0)&1<<f%8|0&&x.fillRect((f/8|0)*9*11,f%8*9*11,99,99)

Aug 24 2017 11:50 PM UTC

}// 89/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 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 1 remix fullscreen

kchplr

remix of d/3104 by u/kchplr

function u(t) {

f=t*3%2<<8;c.width|=0;for(i=0;i<256;i++)'π䐠ꠘ頄鸂适ꀁ态䀁䃡쐁ꃢ适鸌꠰䟀π䐠ꠘ頄鸂适ꀁ态䀁䁁쑁ꐂ遂鸌꠰䟀'.charCodeAt(f+i>>4)&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 8:24 AM UTC

}// 138/140

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

The animation is not very inspired but... it works

u/joeytwiddle

#cute

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

c.width*=1;s=170;n=12;d=Math.PI/n*2;for(i=n;i--;x.fillRect(S(i*d)*s+960,C(i*d)*s+540,o=S(i/2-t*n)*n+n,o));

Aug 25 2017 11:21 PM UTC

}// 106/140

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

u/magna

Added this as a dweet player loader :)

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

Xen

remix of d/3100 by u/New_Core

function u(t) {

for(c.width|=i=99;i--;)x.ellipse(X=540,X,t,i*C(t)+X,i*2.1,S(t),T(t))
x.stroke()

Aug 24 2017 5:17 PM UTC

}// 79/140

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

u/donbright

seems like it could work with mouse input... not sure of the best way tho
u/donbright

very interesting rhythym
u/Xen

Mouse? Done! :-) #3135

show FPS hide FPS share 1 remix fullscreen

kchplr

remix of d/3101 by u/kchplr

function u(t) {

f=frame
'π䐠ꠘ逄鼂适ꀁ䀁䀁䃡ꃢ适鼌꠰䟀'.charCodeAt(f>>4)&1<<(f%16|0)&&x.fillRect((f>>4)*40,f%16*40,40,40)

Aug 25 2017 7:35 AM UTC

}// 92/140

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

u/joeytwiddle

#cute

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width|=i=N=t/2+5;i-->0;)x.lineTo(960+C(A=i/N*31.4)*500,540+S(A)*500);x.fill('evenodd')

Aug 24 2017 12:19 PM UTC

}// 92/140

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

u/donbright

like magic spell