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

BuRRak

function u(t) {

for(i=1080;i--;x.fillStyle=R(0,0,128+S(i/250+t)*80))x.fillRect(0,i,1920,1)
x.font="5cm e"
x.fillText("🐟",1920-(t*60%2150),S(t)*32+540)

Apr 20 2018 4:24 PM UTC

}// 134/140

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

A lonely fish

show FPS hide FPS share fullscreen

mohammedamarnah

remix of d/7670 by u/mohammedamarnah

function u(t) {

v=c.width=1920;h=c.height/2;
for(i=0;i<100;i+=0.3)
x.fillRect(S(3*t*i)*500+v/2, S(2*t*i)*500+h, 10, 10)
x.stroke()

Apr 20 2018 4:09 PM UTC

}// 114/140

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

u/BuRRak

Golfed down to 83 characters: c.width|=v=500 for(i=0;i<100;i+=.3) x.fillRect(S(3*t*i)*v+960,S(2*t*i)*v+540,10,10)
u/Galaxtone

@BuRRak SyntaxError: Unexpected token for
u/BalintCsala

I guess that should be a new line

show FPS hide FPS share fullscreen

BuRRak

function u(t) {

U=I=0;
Z=Array(99).fill(0)
for(O of Q="")eval({'+':'Z[I]++','-':'Z[I]--','>':'I++','<':'I--','.':'U+=String.fromCharCode(Z[I])'}[O])
throw U

Apr 20 2018 3:23 PM UTC

}// 140/140

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

Best brainfuck interpreter I could do in 140 characters, super bad code. You need to change the Q variable to your code for it to run. There are no loops or an input, but the output works just fine.

u/BuRRak

The Q variable declaration is there just so you know what to edit, it could be left out as it is not used anywhere in the code again
u/BuRRak

The output also throws a 0 before every other output

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.font="599px x",x.globalCompositeOperation="difference"
x.fillText('💙',5e2+C(t*9)*99,7e2+S(t*7)*99)
x.drawImage(c,C(t*9)*199,S(t*7)*199)

Apr 18 2018 7:43 PM UTC

}// 137/140

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

u/joeytwiddle

Hi Xen! 256px is the largest possible font size on this Mac
u/iverjo

#hearts

show FPS hide FPS share fullscreen

ETHproductions

function u(t) {

for(c.width|=i=128;i--;)for(j=39;j--;x.fillRect(210+j*40+i*q-g,200+i*6*C(q/6),g*2,7))q=S(t*2-i/99-j/6),g=(S(i/2+j*3-t*9)*5+5)*(i>25||i/25)+1

Apr 15 2018 10:53 PM UTC

}// 140/140

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

Based on a tweet from @beesandbombs https://twitter.com/beesandbombs/status/9841…

u/ETHproductions

I only noticed right after posting that u/BalintCsala had already made his own interpretation d/7646
u/joeytwiddle

#cloth #material or maybe just beads on a string

show FPS hide FPS share fullscreen

sirbo

function u(t) {

 t<1?i=j=a=(h=900)/2:x[s='fillStyle']='red';x[f='fillRect'](i+=9*C(a+=37/i+38/j-36/(h-i)-39/(h-j)),j+=9*S(a),9,9);x[s]='#ffb2';x[f](0,0,h,h)

Apr 16 2018 3:49 PM UTC

}// 140/140

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

A worm? A chinese dragon? For sure the ugliest code I ever wrote

u/BuRRak

Ugly code is the key in code golfing, isn't it?
u/sirbo

it's the key for running code :)
u/zanella

You can replace t<1 with !t. Yay, code golf!
u/BalintCsala

Or simply put the initialization after the dweet }{initialization here

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=-1;i++<125;)for(j=75;j--;x.fillRect(99+i-j,(i+j)/(2+T(t)/2)+!h,h|1,~h))h=t+j/13&i/9-t*6,h*=(h<5)*5,x.fillStyle=R(0,i+j,!h*200)

Apr 14 2018 4:56 PM UTC

}// 140/140

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

Isometric Islands

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/7693 by u/firegodjr

function u(t) {

for(c.width|=y=40;y--;)for(w=33;w--;){f=180-y/40*180;x.fillStyle=R(0,f,f,.25);x.fillRect(60*w,S(t+y/5+w/2)*50+30*y-75,60,10*y)}

Apr 17 2018 4:32 PM UTC

}// 127/140

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

Underwater lighting (wip)

u/firegodjr

Thanks to u/magna and u/BalintCsala for the golfing help!

show FPS hide FPS share fullscreen

firegodjr

remix of d/7703 by u/firegodjr

function u(t) {

for(c.width=127,y=40;y--;)for(w=33;w--;f=180-y/40*180,x.fillStyle=R(l,f+l,f+l,.2))s=S(t+y/5+w/2)*5,l=s>4?255:0,x.fillRect(5*w,s*3+3*y-7,5,y)

Apr 17 2018 8:16 PM UTC

}// 140/140

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

Waves with foam!

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

with(x)for(rect(T(-t)*9,111,c.width=220,i=-1);i++<2;stroke())translate(X=!i*99,X-!!i*22+C(4*t)*-~i)&rotate(t)&rect(9,9,-18,-18)&rotate(t=-t)

Apr 15 2018 3:48 PM UTC

}// 140/140

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

Walking boxes

u/jylikangas

Dwitter implementation of http://muuficom.tumblr.com/post/87229339929