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

BalintCsala

function u(t) {

for(c.width=X=200;X--;x.fillRect(X,54+S(X/9)*9,1,1))k=C(t)
z=S(t)/9
x.arc(t*9+(k+k**3)/z,54+z*81-(j=1+k*k)/z,(j**3/z/z)**.5,0,7)
x.stroke()

Oct 10 2019 12:43 AM UTC

}// 139/140

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

Based on https://twitter.com/Fujino_Yuusui/status/117…, draws the circle, that approximates the path at every point

u/katkip

Wtf awesome

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/16046 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𬠽𝐹𞐫𞐹𚡓𚁴𚐫𜰰𚡓𚀲𛠳𚡴𚐻𩡯𬠨𭀿𮀮𩁲𨑷𢑭𨑧𩐨𨰬𜀬𜰩𞡸𛡦𪑬𫁒𩑣𭀨𜀬𜀬𮠽𜡥𜰬𮠩𛁩👺𛁱👴𙐶𞱱🀴𙠦𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚀹𝠰𛑃𚁡𚐪𬠬𞐹𛑓𚁡𚐪𝠹𛀵𛀴𚐩𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀹𘀵𞐥𙁻𤰨𨐽𪐯𜰱𞀭𜰮𜠩🀮𜐿𬠥𝐹𚱱𚡲𛰷𜀺𬠯𜰹𯐥𨀻`.replace(/u../g,'')))

Oct 12 2019 9:24 PM UTC

}// 140/140

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

3D Clay Pottery Machine

show FPS hide FPS share 1 remix fullscreen

username

remix of d/16025 by u/username

function u(t) {

eval(unescape(escape`琿潮浯畳敭潶攽弽㹱㴱⬵⨨ㄭ弮砯楮湥牗楤瑨⤺猽焽ㄻ挮睩摴栫㴰㭳⬽⸰㌪焻景爨弽㤻弭ⴻ⥦潲⠤㴱㜻␭ⴻ砮晩汬呥硴⡓瑲楮朮晲潭䍯摥偯楮琨ㄲ㡥㌫弫␫獞〩Ⱘ␭猥ㄩ⨱㈰ⴹⰹ㤫弪ㄲ〩⥸⹦潮琽怷敭❠`.replace(/u(..)/g,"$1%")))

Oct 12 2019 7:20 AM UTC

}// 137/140

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

Emoji Wheel - Move mouse or tap to change speed :)

show FPS hide FPS share fullscreen

larzuk

remix of d/16048 by u/larzuk

function u(t) {

c.width=w=200;for(i=0;++i<w;)for(p=g=0;p++<3;)for(j=0;++j<6;)g+=T(t/5+p*20+i/j),x.fillStyle=R(155,0,0,.5),x.fillRect(i,p*30-60+g,g/20,g/10)

Oct 12 2019 7:33 PM UTC

}// 139/140

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

Raining blood \m/,

show FPS hide FPS share 1 remix fullscreen

larzuk

function u(t) {

c.width=w=200;for(i=0;++i<w;)for(p=g=0;p++<3;)for(j=0;++j<6;)g+=T(t/5+p*20+i/j),x.fillStyle=R(0,0,255,.5),x.fillRect(i,p*30-60+g,1,p)

Oct 12 2019 7:26 PM UTC

}// 134/140

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

Window on Rainy day

show FPS hide FPS share 4 remixes fullscreen

keithclark

function u(t) {

for(k=i=1e3;z=--i/9;x.fillRect(k+S(m=k*j^k)*r-z*C(j)*6,540+C(m)*r-z*S(j)*4,s=5e3/z,s))j=i/k+t/4,r=1e4/z,x.fillStyle=R(a=99+S(j*7)*99,a,a)

Oct 8 2019 12:04 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 more comments…
u/yonatan

good remix of d/10212 :)
u/keithclark

Yes! It's totally based on your dweet yonatan - thanks for the link to the original. I found this in a text file from last year but couldn't remember who did the original.
u/keithclark

I also had this version: for(k=i=1e3;z=--i/9;x.fillRect(k+S(m=z%1&&k*j|5)*r-z*C(j)*6,540+C(m)*r-z*S(j)*4,s=5e3/z,s))j=i/k+t,r=1e4/z,x.fillStyle=R(a=99+S(j*9)*99,a,a) but wasn't happy with the rail
u/tomxor

Smooth!
u/tomxor

I quite like the rail ver, bit fast though
u/katkip

#tunnel
u/logomach

doctor who theme intensifies
u/larzuk

ultra nice!
u/Cloud

WOW!
u/vain

Just unbelievable. <3

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

with(x)for(i=c.width|=0,font='30em"',fillText('⛵',C,T),fillStyle="#019B";i--;T=i-C?T:Z)fillRect(i,Z=640+Math.abs(S(i/C-t)*99),1,C=900)

Oct 10 2019 3:07 PM UTC

}// 134/140

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

Boat Wave 🌊 ⛵ 🌊

u/katkip

#waves

show FPS hide FPS share fullscreen

asteriskman

function u(t) {

r=Math.random
x[f='fillStyle']='gray'
x.fillRect(r()*1920,r()*999,9,9)
x.font='18em"'
x[f]='#FFF'


x.fillText('CAVE CANEM',0,600)

Oct 13 2019 1:06 PM UTC

}// 130/140

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

Inktober Day 13 - Ash

u/asteriskman

This is another one that takes a little time to really see

show FPS hide FPS share fullscreen

katkip

function u(t) {

/*‮*///˿̴̵̶̷̸̡̢̧̨̛̖̗̘̙̜̝̞̟̠̣̤̥̦̩̪̫̬̭̮̯̰̱̲̳̹̺̻̼͇͈͉͍͎̀́̂̃̄̅̆̇̈̉̊̋̌̍̎̏̐̑̒̓̔̽̾̿̀́͂̓̈́͆͊͋͌̕̚ͅ͏͓͔͕͖͙͚͐͑͒͗͛ͣͤͥͦͧͨͩͪͫͬͭͮͯ͘͜͟͢͝͞͠͡Ͱ

Oct 12 2019 1:00 PM UTC

}// 121/140

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

hmmm

show FPS hide FPS share fullscreen

Irratix

function u(t) {

//EPILEPSY WARNING
for(i=c.width|=0;i-=.5;)x.fillRect(960+500*T(33*i+t/5),540+500*S(24*i+t/7),430,5)

Oct 11 2019 9:50 PM UTC

}// 100/140

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

I decided to put the epilepsy warning in a comment for some reason. Just wanted to mess around with a parametric function, drawing as long lines I thought looked kinda trippy.