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

anotherkitten

remix of d/10954 by u/anotherkitten

function u(t) {

t*=t;t%=9;for(j=0;j++<15;)for(h=9;h-->-8;)for(i=9;i-->-8;x.fillRect(958+h*m*t-j*4,538+i*m*t-j*4,m+4,m+4))m=8*j,x.fillStyle=R(m,m*2)

Nov 14 2018 6:30 PM UTC

}// 131/140

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

idk if this is too fast I'm on my phone rn

u/anotherkitten

it 100% was but it gets trippy after a while so its still cool
u/katkip

this is cool

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

if(!t)
c.height=c.offsetHeight,
c.width=c.offsetWidth,
c.addEventListener('mousemove',({clientX:X,clientY:Y})=>x.lineTo(X,Y))
x.stroke()

Nov 17 2018 12:32 AM UTC

}// 136/140

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

#interactivity or terrible things you can do with dwitter

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0
x.font='22em"'
D='dancing'
for(i=7;i--;)x.fillText(D[i],400+x.measureText(D.slice(0,i)).width,650-S(t*(i%3*2+5.3)%Math.PI)*40)

Nov 17 2018 8:27 PM UTC

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

katkip

function u(t) {

f=(n)=>S(n/2) // FUNCTION HERE
x.lineTo(t*100,540+f(t)*400,10,10)
x.lineWidth=20;x.stroke();

Nov 17 2018 8:05 PM UTC

}// 92/140

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

#challenge you may think it is impossible but change the function f to create a fractal

show FPS hide FPS share fullscreen

Xen

remix of d/11008 by u/rnbw

function u(t) {

x.fillStyle='#'+(13*t|0);for(j=12;j--;)for(i=22;i--;)x.beginPath(x.fill(x.arc(99*i,99*j,S(t*3+i*3.14+j*3.14)*20+49,0,t)))

Nov 16 2018 7:48 PM UTC

}// 121/140

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

#waitforit

show FPS hide FPS share fullscreen

Xen

remix of d/11023 by u/katkip

function u(t) {

x.arc(960+C(Z=124*t)*9,540+S(Z)*9,Z,0,7);x.stroke()

Nov 17 2018 6:59 PM UTC

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

katkip

function u(t) {

eval(unescape(escape`挮睩摴桞㴰㭸⹬楮敗楤瑨㴲〻砮慲挨㤶〬㔴〬㔰〬〬㜩㭸⹳瑲潫攨⤻砮浯癥呯⠹㘰ⰵ㐰⤻砮汩湥呯⠹㘰⭓⡴⤪㔰〬㔴〫䌨琩⨵〰⤻砮汩湥呯⠹㘰⭓⡴⨲⤪㔰〬㔴〫䌨琪㈩⨵〰⤻砮汩湥呯⠹㘰ⰵ㐰⤻砮獴牯步⠩㬻`.replace(/u(..)/g,"$1%")))

Nov 17 2018 6:55 PM UTC

}// 140/140

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

Equilateral Triangles

u/katkip

isosceles*

show FPS hide FPS share fullscreen

anotherkitten

remix of d/11002 by u/Magiwarriorx

function u(t) {

x.fillStyle=R((m=Math.random)(w=255)*w,w*m(x.font="5em Wingdings"),w*m())
x.fillText('abcdefghijl'[~~(m()*11)],m()*4e3,1)
x.drawImage(c,0,2)

Nov 16 2018 4:34 AM UTC

}// 140/140

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

was able to fit 11 letters, not all 26 though

u/Magiwarriorx

Much better job than I did! I'm still learning, and didn't realize you could do it that way; thanks for demonstrating. For whatever it is worth though, not every character in Wingdings hangs low enough to be visible when printed that high. Capital C, E, F, R, and X don't, nor do lowercase d, h, l, n, s, or w. I didn't check numbers or punctuation.
u/anotherkitten

I started out knowing basically 0 tricks, its been fun to learn.

show FPS hide FPS share 1 remix fullscreen

Magiwarriorx

function u(t) {

eval(unescape(escape`砮景湴㴢㕥洠坩湧摩湧猢ⱷ㴲㔵ⱱ㴶㔫㈶⩍慴栮牡湤潭⠩ⱸ⹦楬汓瑹汥㵒⡷⩍慴栮牡湤潭⠩ⱷ⩍慴栮牡湤潭⠩ⱷ⩍慴栮牡湤潭⠩⤬砮晩汬呥硴⡓瑲楮朮晲潭䍨慲䍯摥⡱⤬ㄹ㈰⩓⡱⩴⤬ㄩⱸ⹤牡睉浡来⡣ⰰⰲ⤻`.replace(/u(..)/g,"$1%")))

Nov 16 2018 4:06 AM UTC

}// 139/140

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

My first dweet! Wish I could have fit it uncompressed, but oh well. Here's it is uncompressed.

u/Magiwarriorx

x.font = "5em Wingdings" w=255 q =65+ Math.random()*26 x.fillStyle = R(w*Math.random(),w*Math.random(),w*Math.random()) x.fillText(String.fromCharCode(q),S(q*t)*1920,1) x.drawImage(c,0,2)

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

throw'.'.repeat(5+S(t)*4)+"|".repeat(9)

Nov 17 2018 5:24 PM UTC

}// 39/140

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

Shortest #default ?

u/magna

Beats my 50: d/9591