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

katkip

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=214;i--;)
x.clearRect(i*9,540,9,400*S(i/6+t+T(i+t)/99));
x.drawImage(c,S(t*420)*20,C(t*69)*20)

Dec 6 2018 12:49 PM UTC

}// 124/140

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

#glitch ed frequence

show FPS hide FPS share fullscreen

New_Core

remix of d/11335 by u/keithclark

function u(t) {

for(x.fillRect(0,0,j=2e3,j);j--;x.fillRect(C(j)*r+960,S(j*j)*r+540,r>>=8,r))r=j/(4-(t+j/9)%4),x.fillStyle=`hsla(${j},99%,${r/15}%,${j+.1})`

Dec 7 2018 10:36 PM UTC

}// 139/140

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

Got heavy but wanted to see it in the color effect...

show FPS hide FPS share fullscreen

katkip

remix of d/11359 by u/katkip

function u(t) {

c.width*=1;for(j=9;j--;)for(i=57;i--;)x.ellipse(960+S(t*j+i/9)*(900-j*80),540+C(t*j+i/9)*(900-j*80),20-j*-9,20-j*-9,0,0,7);x.fill("evenodd")

Dec 9 2018 12:31 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 fullscreen

metamero

function u(t) {

for(z=36,n=54,m=30,k=n*m;k--;)i=k%n,j=(k-i)/n,x.fillStyle=R(i*8*t%256,(j*8+t)%256,8*t*i*j%256),x.fillRect(i*z,j*z,z,z)

Dec 9 2018 11:44 AM UTC

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

cantelope

remix of d/2948 by u/cantelope

function u(t) {

eval(unescape(escape`景爨琪㴲ⱸ孨㴧晩汬剥捴❝⠰ⰰⱩ㵣⹷楤瑨簽〬椩Ⱨ㵩⼲㭩ⴭ㭸⹦楬汓瑹汥㵠桳氨⑻椭琪杽ⰹ㤥ⰷ㔥怬硛桝⡧⭬⩓⡴⤪术娬㔴〫䌨瀩⩩⽚⩧ⱳ㴲攸⽚⽚ⱳ⤩氽匨瀽椪㈮ㄫ琪⡪㵩㰱攳㼭㈺ㄩ⤪椬娽未㐮㔭氪䌨琩⩪`.replace(/u(..)/g,"$1%")))

Dec 5 2018 6:06 PM UTC

}// 140/140

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

u/magna

So pretty!

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

with(x)for(j=9;j--;fill(arc((k=(59+t/9|0)*j)**9%2e3,k**8%1e3,k/s,0,7)))beginPath(s=t/2%4.5),fillStyle=`hsl(${(s|0)*22} 90%${40+(1-s%1)*20}%`

Dec 7 2018 8:29 PM UTC

}// 140/140

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

Bubble Patterns

u/ellisk1

#waitforit
u/DataMeta

Very cool!!

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/11343 by u/Xen

function u(t) {

x.fillStyle=`hsl(${t*99*t} 99%50%)`;x.fillRect(960+S(t)*960,540+C(t*2+Math.PI/2)*540,1,1);x.drawImage(c,1,1,1918,1078);

Dec 7 2018 8:06 PM UTC

}// 119/140

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

Glasses of color

show FPS hide FPS share 1 remix fullscreen

rnbw

function u(t) {

x.rotate(2.0944);for(i=0;i++<99;){x.fillStyle=R(m=~~(S(i*12+t*6)*2)*1e3,m/12,0,.02);x.fillRect(-2e3,i*40-2e3,6e3,240)}

Dec 5 2018 7:08 PM UTC

}// 118/140

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

triangles and whatnot

u/magna

Neat!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/11279 by u/marc8

function u(t) {

with(x)for(c.width|=j=9;j--;fillStyle=j%2?'red':'blue',fill('evenodd'))for(beginPath(i=6);i--;arc(960,540,2.6**p,a=(6*i+p)*71/113,a))p=j+t%2

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

355/113 is a famous approximation of pi and here we need pi/5 which is perfect as 5 divides 355 giving 71/113

Show more comments…
u/marc8

Great remix
u/sigveseb

.628 works too, and is a little shorter :)
u/pavel

Yeah I didn't need the precision but it was an interesting coincidence and I had extra chars :)
u/donbright

wondrful
u/pavel

#uncompressed
u/katkip

#pemtagram
u/katkip

#tagfail #pentagram
u/46uuuu

#infinitezoom

show FPS hide FPS share fullscreen

lucio

remix of d/5600 by u/p01

function u(t) {

for(i=I=416,c.width=180;a=t+i/I*6.28,i--;)C(a)<0&&x.fillText("░▉"["㉌ሒ縒䈀䩊䩊~ȂɾȂɾ~⁾တ縠㰀䉂䉂~".charCodeAt(i/16)>>i%16&1],85+S(a)*75,9+i%8*13)

Dec 4 2018 1:59 AM UTC

}// 136/140

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

Spread the word around

Show more comments…
u/magna

Figuratively and literally.
u/lucio

:-)
u/lucio

For anyone interested, here's a tutorial explaining how it was made: https://luciopaiva.com/dweets/pt3/
u/katkip

coool
u/katkip

#d3
u/donbright

holy cow
u/iverjo

#makingof