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

katkip

remix of d/11247 by u/katkip

function u(t) {

c.width=300,x.rotate(7.06);for(i=-145;i<20;i++)for(j=-75;j<89;j++)
if(T(t*t*10+i^j+t*t*10)>0)x.fillRect(290+i*2,-60+j*2,2,2);

Dec 2 2018 2:29 PM UTC

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

pavel

function u(t) {

for(i=c.width|=0;j=i-->>5;x.arc(98*(28-k*63+i%32*(4*k-2)+(j|t)%2+t%1/2+(.5-j%2)/(1+9e9**(j/9-t%1))),(j-k)*170,98,3*!k,3*k))k=i>>4&1
x.fill()

Nov 29 2018 12:18 AM UTC

}// 140/140

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

MORE disks >:) #beesandbombs

u/anotherkitten

stop being so good
u/katkip

i love your beesandbombs dweets
u/pavel

I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
u/pavel

I use 1/(1+9e9**x) to smooth step but even rows step twice in one cycle which is done by adding (j|t)%2 as offset.
u/pavel

In hindsight ~~x+(x%1)**9 is better for multi-smooth-step animations.

show FPS hide FPS share fullscreen

wolfhammer

remix of d/11243 by u/wolfhammer

function u(t) {

k=(x.k|0)%2,s=20,w=96,h=54
for(j=w*h-k;j>=0;j-=1+k)e=j%w*s,y=j/w*s,m=S(j/(t%9))*255,x.fillStyle=R(m,m,m),x.fillRect(e,y,s,s);x.k=k+1

Dec 2 2018 10:40 PM UTC

}// 132/140

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

Interlace

show FPS hide FPS share fullscreen

katkip

remix of d/11214 by u/katkip

function u(t) {

t||x.translate(960,540);for(b=-35;b<35;b++)for(a=-65;a<65;a++)x.fillStyle=`hsl(${(a*a+b*b)**.2*5000*t
} 99%50%)`,x.fillRect(a*15,b*15,15,15)

Nov 30 2018 6:10 PM UTC

}// 140/140

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

now it's a CB #fractal

show FPS hide FPS share 2 remixes fullscreen

metamero

remix of d/11277 by u/metamero

function u(t) {

onkeydown=e=>k=e.keyCode-37
t?++i:i=p=q=0
i%9?0:(c.width=144,k?k-1?k-2?++q:++p:q+=8:p+=15,p%=16,q%=9,r=Math.random,x.fillRect(p*9,q*9,9,9))

Dec 3 2018 8:50 PM UTC

}// 139/140

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

the egg of the snake 1.1

u/metamero

click on canvas, press space then fool around with arrow keys (best in fullscreen) #interactive

show FPS hide FPS share fullscreen

metamero

remix of d/11258 by u/metamero

function u(t) {

for(w=28,h=16,s=72,i=w*h*3;i--;)p=i%w,q=((i-p)/w)%h,r=i%3,x.fillStyle=R(r-2?0:q*p*2,r-1?0:q*p*2,r?0:q*p*2),p+q&1?0:x.fillRect(p*s,q*s,s,s)

Dec 2 2018 7:25 PM UTC

}// 138/140

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

triple for

u/Xen

nice

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

eval(unescape(escape`䴽䵡瑨⹲慮摯活琦♲㰱㔰☡䐮獯浥⡤㴾䵡瑨⹨祰潴⡤⹰⵰Ɽ⹱⵱⤼搮爫爫㤩㽲⬽㈺瀽䴨䐽琿嬮⸮䐬筰ⱱⱲ絝㩛崬焽䴨爽〩⨱〸〩⨱㤲〻砮晩汬却祬攽刨㈵㔭爩ⱸ⹦楬氨倽湥眠偡瑨㉄ⱐ⹡牣⡰ⱱⱲⰰⰷⰰ⤩`.replace(/u(..)/g,"$1%")))

Dec 1 2018 11:39 AM UTC

}// 137/140

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

#circles

u/veubeke

Uncompressed: M=Math.random;t&&r<150&!D.some(d=>Math.hypot(d.p-p,d.q-q)<d.r+r+9)?r+=2:p=M(D=t?[...D,{p,q,r}]:[],q=M(r=0)*1080)*1920;x.fillStyle=R(255-r),x.fill(P=new Path2D,P.arc(p,q,r,0,7,0))
u/magna

#waitforit
u/magna

Awesome!
u/magna

TIL: Math.hypot()
u/Xen

my Anti-OCD wants just one circle to touch :P

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

for(x.fillRect(0,0,i=c.width=96,40);i--;c.style.imageRendering=i?'-moz-crisp-edges':'pixelated')x.fillText(i?'🌲':'🎄',i%32*6-i/4,49-i/7)

Dec 3 2018 7:22 PM UTC

}// 135/140

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

#pixel #forest

show FPS hide FPS share fullscreen

metamero

remix of d/11273 by u/metamero

function u(t) {

t?0:m=''
c.width^=0
x.font='2cm Georgia'
onkeydown=e=>{k=e.keyCode,m+=String.fromCharCode(k)}
x.fillText(s=k+' '+m,100,300)
throw(s)

Dec 3 2018 7:15 PM UTC

}// 132/140

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

TYPEWRITER

u/metamero

#interactive click on canvas and type a word

show FPS hide FPS share 1 remix fullscreen

metamero

function u(t) {

eval(unescape(escape`景爨稽㜲Ᵽ⹷楤瑨簽欽〻欼㈵㔻欫⬩漽⡲ⱳⱡ⤽㹸⹲散琨爬猬愬愩Ⱪ㵫☱㔬樽款㸴ⱪ☽ㄵⱰ㴴㈰⭺⩩ⱱ㵺⩪Ⱪ㰱㔿⠨椫権┲㼰㩯⡰ⱱⱺ⤬漨瀫⡫┲㼴㠺㐩ⱱ⬨欦㈿㐸㨴⤬㈰⤩㨰㭸⹦楬氨❥癥湯摤✩`.replace(/u(..)/g,"$1%")))

Nov 30 2018 5:59 PM UTC

}// 134/140

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

#OpticalIllusion

u/katkip

#illusion cool
u/metamero

for(z=72,c.width|=k=0;k<255;k++)o=(r,s,a)=>x.rect(r,s,a,a),i=k&15,j=k>>4,j&=15,p=420+z*i,q=z*j,i<15?((i+j)%2?0:o(p,q,z),o(p+(k%2?48:4),q+(k&2?48:4),20)):0;x.fill('evenodd')
u/ceaga

kanji chester!