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

E-Mouse

remix of d/10223 by u/E-Mouse

function u(t) {

x.beginPath()
c.width|=0
x.stroke()
for(i=500;--i;)
x.lineTo(S(k=i^t)*900+900,C(k)*400+500)
x.fill("evenodd")

Oct 2 2018 6:15 PM UTC

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

E-Mouse

remix of d/10222 by u/E-Mouse

function u(t) {

x.beginPath()
c.width|=0
x.stroke()
for(i=500;--i;)
x.lineTo(S(k=i-t)*900+900,C(k)*400+500)
x.fill("evenodd")

Oct 2 2018 6:15 PM UTC

}// 109/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 2 remixes fullscreen

Purpzie

remix of d/6048 by u/staberinde

function u(t) {

for(c.width|=i=0;i<361;i++)x.fillRect(C(i)*(a=i*C(t*i/360))+960,S(i)*a+540,9,9)

Sep 29 2018 6:56 PM UTC

}// 79/140

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

Shortened by a whopping 55 characters

u/donbright

inspired by @Purpzie #interference i simplified an old one ... what fascinates me is the entire pattern is based on modulo function applied to Quadrance, there is no cosine, sine, trig, or even really commands to draw colors based on posiiton. #waitforit
u/donbright

sorry meant to post that on my remix
u/Purpzie

oh pfft it's okay

show FPS hide FPS share fullscreen

atgz

remix of d/10178 by u/prplz

function u(t) {

x.strokeStyle=R(S(t/1.5)*255,S(t*3.14)*255,3e4),x.strokeRect(t*=40,t,T(t)*64,T(t+11)*64)

Oct 2 2018 1:40 PM UTC

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

katkip

function u(t) {

c.style.background=R();c.width^=0;x.lineWidth=C(t*5)*35;x.strokeStyle=R(256,100);x.font='18cm"';x.strokeText('🎃',640,740)

Oct 1 2018 12:03 PM UTC

}// 121/140

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

#pumpkin #halloween #text simple jumpscare genius idea.

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.style.background=R();for(i=0;i<999;i++)x.fillStyle=`hsl(${i*t},99%,80%)`,x.fillRect(C(i+t*i/99)*(a=i*C(t*i/360))*3+960,S(i)*a*2+540,1,.1);

Oct 1 2018 11:56 AM UTC

}// 140/140

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

Galaxy

u/donbright

very cool

show FPS hide FPS share fullscreen

Xen

remix of d/10189 by u/QXY

function u(t) {

for(c.width|=i=99;i--;x.stroke())x.lineWidth=i,x.beginPath(),x.arc((o=i&1?-99:99)*2*C(t)*S(t*.2)+960,o*5*S(t*3)*C(t)+520,i**2,0,7)

Sep 30 2018 9:57 PM UTC

}// 130/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%"))); //lol

Oct 1 2018 1:14 PM UTC

}// 140/140

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

Real time planets position (not really precise but I tried); s = sun, p = planet. Orininal code: x.font='70px"';p=(d=new Date(),d).getTime()/1e4 x.fillText('s',900,560);for(i=0;i++<10;)x.fillText('p', 900+C(p*p/1e10+i*p/1e3)*999/i, 560+S(p*p/1e10*i*99/p+i*p/1e3)*999/i)

u/donbright

awesome use of time

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

for(i=6e3;i--;x.fillRect(960+C(m=i/2e3)*r,S(-m)*r/4+t*300,9,9))b=S(i/133),r=(12+b)*99*S(S(t-1)**.5||.1),x.fillStyle=R(q=99+b**3*9,t>1?q/2:q)

Sep 28 2018 10:34 PM UTC

}// 140/140

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

Late-night pumpkin study

u/joeytwiddle

Oh yeah! #pumpkin #food #plant
u/BirdsTweetCodersDweet

#slowrender That's one wiiiide pumpkin :P Colors also a bit dark, but damn is this amazing...
u/yonatan

brighter: for(i=6e3;i--;x.fillRect(960+C(m=i/2e3)*r,S(-m)*r/4+t*300,9,9))b=S(i/99),r=(12+b)*99*S(S(t-1)**.5||.1),x.fillStyle=R(q=159+b**3*9,t>1?q/2:q) still low contrast though
u/katkip

haha
u/jpthinker

I thought it was gonna be freshly kneaded pasta coming out at first, lol

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

eval(unescape(escape`挮睩摴栽ⴱ㭣⹳瑹汥⹦楬瑥爽恩湶敲琨⑻⡴⬮㔩┲簰絠㭦潲⡪㴹㤻樭ⴻ⥸⹳整呲慮獦潲洨猽匨愽⵴⨱⸵㜩Ɽ㵃⡡⤬搬⵳Ⱘ䠽⠨琫⸵⤥㈼ㄩ⨱㠩⬨樥㄰ⴱ⭴┱⤪㌵Ⱘ樯㄰簰⤪㌵ⵈ⤬砮晩汬剥捴⠭ㄳⰭㄳⰲ㔬㈵⤻`.replace(/u(..)/g,"$1%")))

Sep 27 2018 8:41 AM UTC

}// 139/140

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

Inspired by a beesandbombs tweet

u/katkip

This dweet is awesome!
u/Xen

impressive!
u/joeytwiddle

Lovely :)
u/joeytwiddle

#beesandbombs https://twitter.com/beesandbombs/status/1044…
u/asad123

nice