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

rodrigo.siqueira

remix of d/19459 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,i=2e3,i);i--;)X=S(i**3),Y=C(i+t/3),Z=3*(S(t)*2-X*X-Y*Y),x.clearRect(980+170*(X*C(t/2)-Z*S(t/2)),500-Y*250-Z*C(t)*80,7,7)

Jul 20 2020 3:45 PM UTC

}// 139/140

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

Swimming creature

show FPS hide FPS share 1 remix fullscreen

function u(t) {

s=70;w=c.width/s;h=c.height/s;r=Math.random;
for(i=1e2;i--;){
x.fillStyle=R(128*r(),128*r(),255*r(),r());
x.fillRect(r()*w*s,r()*h*s,s,s);
}

Jul 21 2020 2:43 AM UTC

}// 140/140

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

pixels

u/Billedluh

This is very impressionist
u/IV

now you mention it, Monet would call it colourful! Thanks for inspiring a theme :)

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/19443 by u/taupelink

function u(t) {

f=x=>S(x)<C(x)?T(x)+f(x+1):C(x*x);for(i=1e3;i--;)X=(r=Math.random)(b=45)*b,Y=r()*b,x.fillRect(b*X,b*Y,f(X^Y)-f(X&Y)>f(X)-f(Y),f(X/Y)<f(X*Y))

Jul 19 2020 5:08 AM UTC

}// 140/140

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

d/19455

u/donbright

this is a true work of art. #waitforit #slowburn
u/Xen

love you!
u/taupelink

Thank you kindly everyone. Hat-tip to u/katkip whose dweet d/17519 I started remixing.

show FPS hide FPS share fullscreen

taupelink

remix of d/19453 by u/taupelink

function u(t) {

f=(x,y)=>x>1?(x^y)%1.1*f(x*.9,y+.7):x;for(i=k=960;i--;)X=(r=Math.random)()*k+9,Y=r()*6.3,x.fillRect(k+X*C(Y),540-X*S(Y),f(X,Y)>f(Y+k,k/X),1)

Jul 21 2020 9: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).

d/19481

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

t||(a=b=1);for(i=999;i--;)x.fillRect(60+a*220,540+b*190,3,3),a+=S(b-a/99-a*b/9-t),b+=C(a+b/99-t*S(t*a)),x.shadowBlur=49,x.shadowColor='lime'

Jul 18 2020 7:26 PM UTC

}// 140/140

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

Portals #art

u/donbright

#slowburn
u/rodrigo.siqueira

I have seen this pattern (circular horizontal lines with a stronger single vertical curved line in the middle) emerge in some recursive functions with a parameter increasing it's value ("-t" in yours). I will post here one that I created with this pattern.

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/19455 by u/taupelink

function u(t) {

f=x=>S(x)<S(y=x**.5)?x+f(x+.2)*4:1+S(y);for(i=k=960;i--;)X=(r=Math.random)()*k,Y=r()*3.14,x.fillRect(k+X*C(Y),k-X*S(Y),f(X)+C(Y)>f(X/Y/6),1)

Jul 20 2020 4:19 AM UTC

}// 140/140

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

d/19464

show FPS hide FPS share fullscreen

xk33

remix of d/19395 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,2e3,2e3)

for(var i=5e3;i--;x.clearRect(999+999*X/4,1e3-Y*140-440,6,6))

var X=(U=1+C(i+t*1))*S(i*888888),Y=U*S(i-X*2)

Jul 19 2020 5:10 AM UTC

}// 133/140

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

tai chi

show FPS hide FPS share fullscreen

smtsjhr

remix of d/19452 by u/smtsjhr

function u(t) {

eval(unescape(escape`𢀽𞐶𜀊𬠽𚁹𛁡𛁢𚐽🡸𛡦𪑬𫁒𩑣𭀨𢀫𮐬𢀭𪐬𨐬𨠩𒡦𫱲𚁣𛡷𪑤𭁨𯀽𪐽𢀻𪠽𪐯𢀻𪐭𛐩𮱦👃𚁴𛰴𚐯𜠻𮀮𩡩𫁬𤱴𮑬𩐽𤠨𜀬𜀬𜀬𛠱𚠨𜐭𪠪𪠩𚐻𬠨𮐽𠰨𭀩𚠨𪐯𞀪𤰨𝐪𪠪𪠩𚱓𚁦𚠵𜀪𪠩𚡈𚡦𚡪𚠪𝀩𛁨🐱𜀫𛠲𚡈𚡪𚠪𝀬𞐩𞱲𚁹𛀹𛁨𚐻𬠨𮐫𪀬𞐬𪀩𯐻`.replace(/u../g,'')))

Jul 19 2020 4:51 AM UTC

}// 140/140

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

SOURCE (194/140): H=960;r=(y,a,b)=>x.fillRect(H+y,H-i,a,b);for(c.width|=i=H;j=i/H;i--){f=C(t/4)/2;x.fillStyle=R(0,0,0,.1*(1-j*j));r(y=C(t)*(i/8*S(5*j*j)+S(f*50*j)*H*f*j**4),h=10+.2*H*j**4,9);r(y,9,h);r(y+h,9,h)};

u/Qwitter

Awesome: looks a bit like laminar cigarette smoke to me

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/19447 by u/rodrigo.siqueira

function u(t) {

c.width|=0
for(var i=3e3;i--;){var X=S(i*i),Y=C(i+t),Z=X*X+Y*2;x.fillRect(980+220*(Z*S(i/2+t)+C(t)),850-Y*99*Z*(1.3+C(t*6))+S(t)*199,5,5)}

Jul 18 2020 6:13 PM UTC

}// 139/140

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

Another #butterfly from my garden

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/19431 by u/rodrigo.siqueira

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(var i=3e3;i--;)X=S(i*i)*2,Y=C(i+t),Z=-X*X-Y*Y*2,x.clearRect(980+170*(Z*S(i/2+t)/2+S(t)*2),500-Y*60*Z*C(t*4),5,5)

Jul 17 2020 8:03 PM UTC

}// 140/140

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

fly #butterfly