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

DataMeta

remix of d/15628 by u/DataMeta

function u(t) {

r=Math.random,b=255
with(x)for(j=768;j--;beginPath(fill()))fillStyle=R(b*r(),b*r(),b*r(),.15),
arc(64*(j%31)-128,64*(j/31|0)-64,b*r(),0,.8)

Oct 5 2019 3:34 PM UTC

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

remix of d/15923 by u/stefano

function u(t) {

c.width=1920;d=120;r=60;q=0;while(q<144){i=q%16;j=q++%9;x.beginPath();x.arc((i*d)+r,(j*d)+r,Math.abs(S(S(i+t)*C(j-t)+t))*r,0,7);x.fill()}

Oct 4 2019 2:06 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

asteriskman

function u(t) {

x.fillStyle=`hsla(${t*50%360},50%,50%,.7)`
u.f=t%15|0?u.f:(9*S(t*15),c.width|=0)
r=S(t*u.f)*400
x.fillRect(900+r*S(a=t*63),500+r*C(a),15,15)

Oct 7 2019 1:49 PM UTC

}// 140/140

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

Inktober Day 7 - Enchanted

show FPS hide FPS share 1 remix fullscreen

afs

function u(t) {

eval(unescape(escape`挮睩摴栽ㄹ㈰㭶㵢㵩㴰㭦潲⠻椼㔻椫⬩筺㵴⨲⭩㭦潲⡪㴰㭪㰱〻樫⬩筷㴨㄰⵪⤪㠻砮扥杩湐慴栨⤻渽瘫㔪匨琩⨶⩓⡺⤻洽戫㔪䌨琩⨲⩃⡺⤻砮慲挨㤶〫測㔴〫洬㌰〬〬㈪䵡瑨⹐䤩㭸⹳瑲潫攨⤻瘽渻戽浽紻`.replace(/u(..)/g,"$1%")))

Oct 6 2019 6:41 AM 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 1 remix fullscreen

trupples

function u(t) {

x.font="25em monospace"
x.fillText("trupples",a=213,4*a)
x.fillStyle=`hsl(${t*a},100%,40%)`
x.drawImage(c,q=T(t*a)%1*9,T(q))

Oct 4 2019 8:45 PM UTC

}// 124/140

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

what

u/Xen

texture and thing say big massive yess..
u/Xen

ngl "trupples" sounds like a desert so you got my vote..

show FPS hide FPS share fullscreen

Xen

remix of d/15917 by u/Irratix

function u(t) {

for(i=[t*=99];i.length<t;i.push(t/i.length))x.fillStyle=R(t%260,t%253,t%246,.1),x.fillRect(0,i[i.length-1],1e5,2);x.drawImage(c,2,1)

Oct 4 2019 1:59 AM UTC

}// 132/140

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

quick play

u/DataMeta

long watch

show FPS hide FPS share fullscreen

Irratix

function u(t) {

F=(h,w,l,a)=>{v=l%2;x.fillStyle=h;for(;a--;)x.fillRect(v?2*w*a:0,v?0:2*w*a,v?w:l,v?l:w)}
F('red',83,1e4,7)
F('blue',37,583,11)
F(0,53,768,6)

Oct 5 2019 9:40 PM UTC

}// 140/140

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

American flag. Initialy I attempted it with a blue rectangle on top of which I added white rectangles for the stars, but I couldn't get it short enough. This looks way worse, but it's also way shorter. Would be curious to see if anyone can get a better looking US flag in this space.

u/yonatan

there's https://www.dwitter.net/d/14922 but it's compressed

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

r=Math.random;t||(i=j=1);j*=i=-i;x.fillStyle=`hsl(${r()*360},69%,70%`;x.fillRect(r()*2e3,r()*1080,1,1);x.drawImage(c,i,j)

Oct 2 2019 12:40 PM UTC

}// 121/140

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

territories

Show more comments…
u/KilledByAPixel

👍
u/taupelink

This is great
u/DataMeta

Nice!
u/katkip

looks so good
u/katkip

that 69% ;o
u/rnbw

i think i just kept the 9 when i changed that from 99, lol

show FPS hide FPS share fullscreen

asteriskman

function u(t) {

c.width|=0
x.font='8em"'
p=i=>S(i*3)*99+99
x[f='fillText']('👹',a=p(t),99)
x.fillRect(a+85,99,5,600)
x[f]('🍬',a,750)
x[f]('🙄',p(t-.3),999)

Oct 3 2019 11:43 AM UTC

}// 137/140

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

Inktober Day 3 - Bait

u/taupelink

ha!
u/Xen

love it

show FPS hide FPS share fullscreen

Xen

remix of d/15931 by u/trupples

function u(t) {

x.font="25em'"
x.fillText("Dwitter",a=99,a*3)
x.fillStyle=`hsl(${Z=t*a},100%,40%)`
x.drawImage(c,Z,Z)

Oct 5 2019 3:18 AM UTC

}// 101/140

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