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

prplz

remix of d/7272 by u/Batrachus

function u(t) {

for(c.width|=i=d=1024;i--;x.fillRect(960+(X*C(t)+Z*S(t))/B,540+C(9*i)/B,q=.03/B,q))X=S(9*i),Z=C(55*i),B=(4-Z*C(t)+X*S(t))/d

Mar 11 2018 4:55 AM UTC

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

magna

remix of d/7281 by u/magna

function u(t) {

c.width|=0;for(j=n=10;--j;)for(i=100;i--;X=i%5+j*n+S(t)*30,Y=i/5|0,x.fillStyle=R(r=255-(X-50)**2-Y**2,r,r),x.fillRect(400+X*n,400+Y*n,n,n));

Mar 11 2018 7:03 AM UTC

}// 140/140

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

#default

u/fujimotos

#light

show FPS hide FPS share 4 remixes fullscreen

Batrachus

function u(t) {

d=700
for(c.width+=i=0;i<d;){X=S(99*i)
Z=C(55*i)
B=(4-Z*C(t)+X*S(t))/d
x.fillRect(d+(X*C(t)+Z*S(t))/B,d+C(9*i++)/B,.03/B,.03/B)}

Mar 10 2018 1:10 PM UTC

}// 129/140

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

Kudos to anyone, who can modify this to show something slightly more interesting. C(9*i++) is the Y function.

u/lionleaf

Changing to 99*i makes it a cylinder! d/7275
u/prplz

Different cylinder and modified loop d/7279
u/BirdsTweetCodersDweet

9*i makes a cylinder too
u/BirdsTweetCodersDweet

for(c.width+=i=0;i<d;){X=S(9*i) Z=C(99*i) is cool
u/BirdsTweetCodersDweet

d=1e3 for(c.width+=i=0;i<d;){X=S(9*i) Z=C(99*i) B=(4-Z*T(t)+X*S(t))/d x.fillRect(d+(X*C(t)+Z*S(t))/B,d+C(9*i++)/B,.03/B,.03/B)} is even better

show FPS hide FPS share fullscreen

loni_art

function u(t) {

c.width|=f=j=k=0
h=60
for(i=999;i--;x.fillRect(j*h,k*h,h,h),j=i%h,k=i/h|0,f=j^~k)
x.fillStyle=R(...[.3,.2,.2].map(d=>127*(1+C(6*(f+t-d)))))

Mar 11 2018 10:27 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

function u(t) {

c.width+=i=0;while(i<19200)z=i%150,y=i++/150,f=a=>512+(a*12-512)*S(y/40),(z+t*8)%24<12^(y+t*24)%24<12&&x.fillRect(f(z),f(y),d=S(t)*6+10,d)

Mar 11 2018 6:43 PM UTC

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

AnnanFay

remix of d/7275 by u/lionleaf

function u(t) {

d=700
for(c.width+=i=0;i<d;){
X=S(99*i)
Z=C(55*i)
B=(4-Z*C(t)+X*S(t))/d
x.fillRect(960+(X*C(t)+Z*S(t))/B,540+C(t/2e3*i++)/B,.03/B,.03/B)}

Mar 10 2018 11:37 PM UTC

}// 137/140

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

Was wondering how the shape evolves as the constant in C(99*i++) changes.

u/AnnanFay

Change 2e3 to 99 for a more vigorous experience.
u/magna

Awesome!

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.style.background="#000"
for(c.width|=i=1920;i--;)x.fillStyle=R(0,255-(t*600-i/3)%999,0),x.fillRect(i,500+100*T(i/599+i/8888)*S(i/90),1,40)

Mar 10 2018 12: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).

the Broken Heart Syndrome

u/aleamb

elegant dweet!

show FPS hide FPS share fullscreen

yonatan

remix of d/7241 by u/yonatan

function u(t) {

for(i=j=c.width=99;i--;)for(X=i-50,Y=0;Y++<j;)h=S(X/Y)*S(Y-t*4),x.fillStyle=Y<40?'#f944':R(n=16-h*9,n*6,n*7),x.fillRect(i,Y+h*9*Y/j,Y/j,99)

Mar 9 2018 6:24 AM UTC

}// 139/140

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

u/magna

Awesome :)
u/lionleaf

Beautiful! Would do well as a framed gif on the wall :)
u/iverjo

Beautiful!
u/yonatan

#water #sea
u/joeytwiddle

#ocean #sunset #landscape #lighting
u/katkip

Wow

show FPS hide FPS share 1 remix fullscreen

aemkei

function u(t) {

x.font="3em A"
x.fillText("ᴀscıı♥",1,40)
for(I=5e3;I-=2;x.fillText("k+ "[!d[3]+!d[7]],X*14,Y*22))
d=x.getImageData(X=I/36,Y=I%82,2,1).data

Mar 10 2018 11:49 PM UTC

}// 138/140

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

ASCII Art Renderer

u/aemkei

123 bytes: d/7278

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

for(i=j=c.width=198;i--;)for(X=i-99,Y=20;Y++<120;)h=S(X/Y*5)*S(Y/9-t*9),x.fillStyle=R(128-h*99),x.fillRect(i,(Y+h*29)*Y/j,Y/j,199)

Mar 9 2018 3:14 AM UTC

}// 130/140

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

half-assed floor marcher

Show more comments…
u/joeytwiddle

looks very nice
u/aleamb

great!
u/magna

Looks like marching half-asses
u/yonatan

Good point! I'll pretend I was going for that
u/iverjo

Very nice!
u/joeytwiddle

#renderer #raytracing #raymarching