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

New_Core

function u(t) {

c.width|=c.onmousemove=e=>T=e.offsetX
x.transform(k=S(b=T/200),l=C(b),-l,k,960,460)
for(i=9;i--;)x.fillRect(-400+i*99+S(t)*300,-99,50,200)

Mar 16 2018 3:30 PM UTC

}// 138/140

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

u/13thptr

#default

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7303 by u/joeytwiddle

function u(t) {

for(x.beginPath(i=1920);i--;t<15&&x.fillRect(i,t*99+(Y*4|0)*2*t,.2,8))for(Y=0,j=4;j--;)Y=Y+S(((i-960)/t-S(t+Y)*299*j*j/t)/(40*2**j))

Mar 13 2018 7:15 AM UTC

}// 132/140

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

Softer landscape. Shouts to yonatan! 8 chars free for remixing

u/yonatan

More than 8 if you lose x.beginPath() :)
u/joeytwiddle

lol true! 😅
u/joeytwiddle

#landscape

show FPS hide FPS share fullscreen

Blane

function u(t) {

a=~~(4*Math.random())*6.28/4;with(x)t%9==0?translate(960,540):fillRect(0,0,9,9),translate(9*S(a),9*C(a)),x.globalCompositeOperation='xor'

Mar 15 2018 4:01 PM UTC

}// 137/140

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

Ant tunneling

show FPS hide FPS share fullscreen

StarStep

remix of d/7337 by u/p01

function u(t) {

for(c.width=i=W=89;i--;)for(j=0;j++<W;x.fillRect(i,j,1,~z))x.fillStyle=R(z=((d=700/j)*i/W+C(t)&d+t&7)*W/d,z*4,W);x.fillText('🤨',-9*C(t),45)

Mar 16 2018 11:30 PM 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

🤨

show FPS hide FPS share fullscreen

Blane

function u(t) {

t==0?a=k=0:a;b=1;for(i=k;i>0;i--){b*=i};a+=1/b;k++;throw a

Mar 15 2018 2:39 PM UTC

}// 58/140

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

Calculating e with its Taylor series

show FPS hide FPS share fullscreen

Agnes

function u(t) {

w=c.width+=e=0;q=y=32;t&&f++<w?S+=(t<<f).toString(36)[0]:(f=0,S='');x.font=q+"px A";[...S+"🐒"].map(s=>x.fillText(s,(e+=q)%w,y+=q*!(e%w)))

Mar 15 2018 12:25 PM UTC

}// 137/140

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

Really wanted this to use a more sophisticated random character generator but I couldn't figure out how to fit it. Thanks to Yonatan for golfing tips (.map instead of .forEach and S being a string instead of an array)!

u/joeytwiddle

Monkey with Typewriter
u/joeytwiddle

Will this eventually write The Complete Works of William Shakespeare?
u/zanella

If AnanFay remixes this, then yes, it will eventually write The Complete Works of William Shakespeare.

show FPS hide FPS share fullscreen

thysbe

function u(t) {

for(i=0;i<400;i++) {
x.fillStyle=R(255*C(t),150,150*C(t*i)+100,0.5);
x.fillRect(i*5+60*S(t),500 + 500*(S(t-(2*i))),50*S(t+i),4*S(t))}

Mar 17 2018 4:53 PM UTC

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

yonatan

remix of d/7305 by u/yonatan

function u(t) {

for(i=2e3,n=99;i--;x.fillStyle=R(q=(Y+1)*n,q/3,n-q),x.fillRect(i,t*n-(Y|0)*n,1,n*n))for(Y=0,j=4;j--;)Y+=C(((i-960)+S(t+Y)*n*j*j)/2**j/t/9)

Mar 13 2018 7:28 AM UTC

}// 139/140

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

Canyons

u/yonatan

added perspective like in d/7303
u/joeytwiddle

Beautiful!
u/aleamb

great!
u/magna

(ノಥ,_｣ಥ)ノ彡┻━┻
u/joeytwiddle

#landscape #slow_render #hiddengem

show FPS hide FPS share fullscreen

fujimotos

function u(t) {

c.width=1920
r=.92;s=.38;w=99;i=j=0
for(q=w;q--;i=q/6){j=S(i+t*3)
for(p=~~t%99;p--;[i,j]=[i*r-j*s,j*r+i*s])
x.fillRect(i*w+900,j*w+500,6,6)}

Mar 13 2018 3:45 PM UTC

}// 140/140

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

Just adding plain sine curves...

u/magna

Lovely!
u/fujimotos

#wait_for_it

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width=480;x.font='150px a';x.fillText('Dwitter',0,180);for(i=48;i--;)x.drawImage(c,i*10,5,10,260,i*10,5+S(i+t*3)*5,10,260)

Mar 14 2018 5:10 AM UTC

}// 124/140

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

Poor man's pool effect