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

metamero

function u(t) {

t?onmousemove=e=>{X=e.x;Y=e.y}:c.width=innerWidth
t?onmousedown=e=>r++:r=X=Y=0
with(x)fillStyle=R(r*3%256),beginPath(),arc(X,Y,r,0,7),fill()

Dec 6 2018 2:39 PM UTC

}// 140/140

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

paint red #interactive

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=23,x.globalAlpha=.1;j=99*(i-->>1);x.fillRect(-j,0,2*j,99))x.setTransform(u=-C(a=(i%2-t/3%1)*1.57),v=S(a),0,1,960+j*v,j/2-j*u)

Dec 4 2018 12:21 AM UTC

}// 140/140

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

#pyramid

u/pavel

Messing around with setTransform

show FPS hide FPS share fullscreen

lionleaf

remix of d/10837 by u/veubeke

function u(t) {

c.width^=0
x.font='200px"',
x.fillText('New top feed',390,540)
for(i=39;i--;)x.drawImage(c,400,400+i*5,2e3,5,400+C(i/2+t*9)*8,760-i*5,2e3,5)

Dec 2 2018 7:28 PM UTC

}// 140/140

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

Check out the new top feeds! There's now top of the week, top of the month, top of the year as well as top of all time! #text #new_feature

u/lionleaf

And yes, I usually browse the #text hashtag looking for something to remix when I announce new features :D This was a great one, u/veubeke !
u/katkip

cool #feature . At least now I am in a top ;)
u/iverjo

Very nice :) Keep up the good work, @lionleaf

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/11304 by u/katkip

function u(t) {

t||x.translate(960,540);x.rotate(Math.PI*9/6);x.fillRect(0,500,50,200),x.fillStyle=R(0,128+T(t),128+S(t*9)*128);x.drawImage(c,0,0,2e3,1e3)

Dec 5 2018 2:57 PM UTC

}// 138/140

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

beautiful

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

t||x.translate(960,540);x.rotate(Math.PI/2.001);x.fillRect(0,420,50,200),x.fillStyle=R(128+T(t),0,128+S(t*9)*128);x.drawImage(c,0,0,2e3,1e3)

Dec 5 2018 2: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).

#fractal

u/metamero

beautiful!

show FPS hide FPS share fullscreen

magna

remix of d/11282 by u/jonathan-potter

function u(t) {

r=Math.random;for(u[h=16]=r(i=9e3)*i;i--;x.fillRect(i/2,i%32*h,h,h))x.fillStyle=R(n=u[i]=r(q=i+r()-.3|0)*(u[q]+u[q-32]+u[q-31])/1.5|0,n,255)

Dec 4 2018 1:26 PM UTC

}// 140/140

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

Water vapour / clouds in time lapse

u/magna

#lazyremix

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0
x.font='50em"'
x.fillText('🎅',520,900)























t||speechSynthesis.speak(new SpeechSynthesisUtterance('ho,ho,ho'))

Dec 4 2018 5:57 PM UTC

}// 139/140

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

Almost #xmas

u/veubeke

PS: the dweet doesn’t work in Chrome 71 – autoplaying speech has been deprecated and drawing big emojis is broken
u/veubeke

I reported the bug and they fixed it only partially so this remains broken. See https://bugs.chromium.org/p/chromium/issues/…

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

if(!t)with(x)globalCompositeOperation='xor',font='7cm n',fillRect(0,0,2e3,600),fill(arc(355,300,160,0,7)),fillText('+   New dweet',280,390)

Dec 5 2018 3:47 AM UTC

}// 139/140

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

#meta

u/ellisk1

fillStyle='#6495CF'
u/katkip

I am the only one who clicked it?

show FPS hide FPS share 1 remix fullscreen

marc8

function u(t) {

eval(unescape(escape`挮睩摴桼㵪㴱〻欽㘮㈸㭺㴹㤹㭲㵺⨲⨪⠲⸸⭴┲⸸⤻景爨㭪ⴭ㬩筸⹢敧楮偡瑨⠩㭦潲⡩㴰㭩㰲㭩⬽⸴⥸⹬楮敔漨稫爪匨焽椪欭琩ⱺ⼲⭲⩃⡱⤩㭸⹦楬氨❥癥湯摤✩㭲⨽⴮㌸紻`.replace(/u(..)/g,"$1%")))

Dec 3 2018 10:01 PM UTC

}// 124/140

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

c.width|=j=10;k=6.28;z=999;r=z*2**(2.8+t%2.8);for(;j--;){x.beginPath();for(i=0;i<2;i+=.4)x.lineTo(z+r*S(q=i*k-t),z/2+r*C(q));x.fill('evenodd');r*=-.38}

u/donbright

awesome precision

show FPS hide FPS share fullscreen

katkip

function u(t) {

for(i=65;i--;)x.fillStyle=S(t*100+i*99)<C(t+i*10)?"#fff":R(),x.fillRect(0,0,30*i,30);x.drawImage(c,0,30)

Dec 6 2018 1:54 PM UTC

}// 104/140

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

Tried to make a #maze