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 fullscreen

joeytwiddle

function u(t) {

c.width=2e3;for(i=0;i<9;i++){x.fillStyle=R(99+99*S(t),99+99*S(t*.7),20*i,1);x.fillRect(550+i*100-400*S(t),440+200*C(i/6+6*t)*S(t/7),50,200)}

Apr 3 2017 4: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).

Hello dwitter!

show FPS hide FPS share 3 remixes fullscreen

mxfh

remix of d/2390 by u/mxfh

function u(t) {

s='l280 485h-560'
x.fill(new Path2D('M940 55'+s+s+'m840-485'+s))

Apr 2 2017 8:18 AM UTC

}// 64/140

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

a bit more brute force; but hey: Triforce in 4³ bytes

u/cantelope

incredible
u/magna

HAX!
u/mxfh

#minimalistic #logo #path2d #64 #triangles #triforce
u/mxfh

#64B

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/2375 by u/magna

function u(t) {

x.fillRect(x.globalAlpha=.1,0,w=2e3,w)
for(i=半=500;i--;x.clearRect(2*半+i*C(T=t-(Math.random()<2e-4)*.2),半+i*S(T),8,8));

Apr 1 2017 2:47 PM UTC

}// 119/140

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

#radar

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;X=i%5+j*10+S(t)*30,Y=i/5|0,x.fillRect(400+X*10+S(t+X+Y)*C(t)*9,400+Y*10,10,10));

Apr 2 2017 3:27 AM UTC

}// 118/140

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

u/sigveseb

How does this not have more upvotes?! So stylish!
u/magna

Thanks! :)
u/magna

#default
u/iverjo

#twister

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=1920;for(i=9;i--;x.fillRect(400+i*100+S(t)*300,400,50,200));with(c.style)transform=`perspective(200px)rotate3d(1,1,1,${S(t/9)}turn`

Apr 1 2017 4:43 AM UTC

}// 139/140

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

Thinking outside the box.

Show more comments…
u/sigveseb

:D
u/lionleaf

haha, amazing
u/aemkei

Super fun! It's the perfect demo for April Fool's day.
u/magna

:D
u/magna

#default
u/katkip

#d3

show FPS hide FPS share fullscreen

sfz

remix of d/2376 by u/magna

function u(t) {

for(i=0;i<(半=500);i++)x.fillStyle=R(0,i?w:0),x.fillRect(i?2*半+i*C(T=t-(Math.random()<3e-4)*.2):x.globalAlpha=.1,i?半+i*S(T):0,z=i?8:w=2e3,z)

Apr 1 2017 4:12 PM UTC

}// 139/140

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

Green, but the blips are harder to see

u/sfz

Increasing alpha helps see them, but makes the line sweep less cool
u/magna

They are ninjas. Harder to see.
u/donbright

lol nice

show FPS hide FPS share 1 remix fullscreen

nonce

function u(t) {

k=frame,p=q=0
for(s=1;s<32;s*=2){a=1&k/2;b=1&k^a
if(!b){if(a)p=s-1-p,q=s-1-q;_=p,p=q,q=_}p+=s*a;q+=s*b
k=k>>2}x.fillRect(p<<5,q<<5,t/2,t/2)

Apr 2 2017 10:46 AM UTC

}// 139/140

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

u/cantelope

A Hilbert Curve!
u/donbright

love it!!!
u/cantelope

what is frame?
u/cantelope

Oh! I see. Didn't know there was a frame counter. neat.

show FPS hide FPS share fullscreen

xdxdvsxdxd

function u(t) {

k=frame;for(i=0;i<1920;i+=10)for(j=0;j<1080;j+=10){x.fillStyle=R(255*C(k/3+i/35),255*S(k/2+j/25),255*C(k/3+(i*j)/4));x.fillRect(i,j,10,10);}

Apr 3 2017 2:57 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 FPS hide FPS share 1 remix fullscreen

jick

function u(t) {

for (g=0;g<92;g+=.1) {
x.beginPath()
x.fillStyle=`hsl(${g*t*45},50%,50%)`
x.arc(1000+S(g)*300-g*3,680+C(g)*300-g*3,t*3%200,0,6)
x.fill()
}

Apr 1 2017 5:37 PM UTC

}// 138/140

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

u/joeytwiddle

This one is a pretty surprise :)

show FPS hide FPS share fullscreen

magna

function u(t) {

with(c.style)background='#f5f5f5',border='1px solid #ddd',boxSizing='border-box',boxShadow='inset 0 1px 1px rgba(0,0,0,.2)'

Apr 3 2017 4:25 AM UTC

}// 123/140

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

Hollow dweet

u/donbright

like an empty picture frame at a modern art gallery, nice