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

zanella

function u(t) {

c.width|=0;!t&&(A=[0,1,3,2]);A.forEach((m,i)=>x.fillRect(m*99,(3-i)*270,99,270));window.onkeyup=e=>e.key==A[0]&&(A=A.slice(1),A.push(t*t&3))

Jan 23 2018 2:01 PM UTC

}// 140/140

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

Piano Tiles! Click the canvas then type 0, 1, 2 or 3 to play

Show more comments…
u/donbright

lol i cant figure it out... are there instructions on the goal?
u/donbright

lol i cant figure it out... are there instructions on the goal?
u/zanella

donbright: Hah! In the original game, https://play.google.com/store/apps/details?i… , you have to tap the black tiles as fast as you can, and you can't tap the white area. In this dweet, I replaced it with keyboard strokes: you have to hit 0, 1, 2 or 3 depending on the position of the bottommost black tile (0 for the first column, 1 for the second, and so forth). Unfortunately I couldn't add any game logic or score to it.
u/donbright

omg thank you this is great. actually reminds me of DONKEY.BAS by Bill Gates
u/zanella

I've never heard of donkey.bas - and I've been using computers since the good ol' Apple ][ !! Shit, now I'll have to implement donkey.bas on dwitter! :D
u/Xen

love it!

show FPS hide FPS share 1 remix fullscreen

davidsharp

remix of d/6126 by u/davidsharp

function u(t) {

c.width=1920
x.beginPath()
x.lineWidth=10
x.strokeStyle='#f0f'
for(i=l=0;i<19;l=++i*100,e=i%2)if(l)x.lineTo(l,500+S(i*t)*100)
x.stroke()

Jan 23 2018 1:12 PM UTC

}// 136/140

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

This was mostly a happy accident 🎉

show FPS hide FPS share 3 remixes fullscreen

DirtyDan

function u(t) {

c.width=1920
x.lineWidth=3
for(i=540;i>0;i-=2)
x.ellipse(a=960+i*S(t+i*2.5),i*2,i/540*200,i/540*50,0,0,44/7),x.moveTo(a,(i+2)*2)
x.stroke()

Jan 24 2018 5:20 AM UTC

}// 139/140

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

See d/6447

show FPS hide FPS share 1 remix fullscreen

aleamb

function u(t) {

w=c.width=127;for(a=w*w;a--;)e=a&w,g=a/w,r=3e3/(f=Math.sqrt((p=e-62)*p+(s=g-32)*s)),x.fillStyle=(f-t*w%w>0?R(r-20):R(r)),x.fillRect(e,g,2,2)

Jan 23 2018 1:47 AM UTC

}// 140/140

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

u/joeytwiddle

Spooky

show FPS hide FPS share fullscreen

21medals

remix of d/6414 by u/capelo

function u(t) {

c.width=1920;for(i=0;i<37;){x.fillRect(860+S(((i+8)/9)*t)*860,30*i++,200,25);}

Jan 24 2018 12:17 PM UTC

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

bepisTM

function u(t) {

c.style.backgroundColor='#080';x.fillStyle='#fff',x.fillRect(920+~~t%4*250-t%1*(t%9)/(t%4+1)*690,1e3-Math.abs(C(t%1*8))/(t%1+1)*950,200,300)

Jan 24 2018 10:00 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 1 remix fullscreen

bepisTM

function u(t) {

c.width=32;d=new Date();with(x)moveTo(9+6*S(H=d.getHours()/1.9),9-6*C(H)),lineTo(9,9),lineTo(9+9*S(M=d.getMinutes()/9.6),9-9*C(M)),stroke()

Jan 24 2018 8:00 PM UTC

}// 139/140

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

(this is a fully functional clock)

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

c.width^=a=(~~t).toString(2).split('');a.forEach((v,i)=>+v&&x.fillRect(i*50,540,50,50))

Jan 24 2018 7:53 PM UTC

}// 87/140

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

It's binary time! Literally... Enjoy this simple binary representation of t, in just 87 characters :O! Big thanks to u/bepisTM u/chobbit u/cuteness for the 117=>88 character slicing :D You guys are awesome...

u/veubeke

A bit shorter: c.width^=0;for(i=32;i--;)t>>i&1&&x.fillRect(i*50,540,50,50)
u/BirdsTweetCodersDweet

Yeah, but that goes backwards :P... But still - 59 CHARS :O...

show FPS hide FPS share fullscreen

Blane

function u(t) {

w=c.width|=0;v="Falling Text";x.font="300px a";for(i=0;i<v.length;i++){x.fillText(v[i],i*w/v.length,600-9**(-5*t%20+i+4))}

Jan 23 2018 2:23 PM UTC

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

41407

function u(t) {

w=c.width;h=c.height;p=Math.random;x.fillStyle=~t%2==0?'purple':'teal';x.fillRect(p()*w,p()*h,7,7);x.drawImage(c,-10+p(),-5.1,w*1.01,h*1.01)

Jan 23 2018 6:42 PM UTC

}// 140/140

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

u/donbright

thats quite interesting how it eventually evolves into little point lights
u/41407

Yeah, I came up with this trying to figure out how to implement a starfield type thing