New #piano dweets

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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/17298 by u/tomxor

function u(t) {

for(c.width=240,i=18;i--;x.fillRect(z-3,47+(t/i*5&1),6,24*!!(i%7%4)))x.strokeRect(z=i*12+12,47+(t/i*6&2),12,42)

Jan 19 2020 3:00 PM UTC

}// 111/140

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

Machine #piano 🎹

u/tomxor

https://www.dwitter.net/d/17274
u/KilledByAPixel

i can almost hear it

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/17274 by u/KilledByAPixel

function u(t) {

for(c.width=240,i=10;i--;x.fillRect(z-3,47,6,24*!!(i%7%4)))x.strokeRect(z=60+S(t)*30+i*12,47,12,42)

Jan 19 2020 2:46 PM UTC

}// 99/140

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

Mini golfed #default #piano 🎹

u/tomxor

It's also extendable to any length now :)

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

for(c.width|=i=10;i--;x.strokeRect(z+(i)*99-75,400,99,325))x.lineWidth=6,x.fillRect((z=500+S(t)*300)+(i%9+(i%4==2))*99,400,50,200)

Jan 18 2020 11:48 PM UTC

}// 130/140

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

#default #piano 🎹

u/magna

Love it!
u/tomxor

#music #synth
u/tomxor

Only just realised this is also default :D it fits so seemlessly

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

x.fillRect(0,0,c.width=160,160)
for(i=36;i--;i-35&&i%7-2&i%7-6&&x.fillRect(10+i*4,44,3,16))x.clearRect(8+i*4,44,3,21+(i==(t*3+5|0)**3%36))

Oct 26 2018 10:42 PM UTC

}// 138/140

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

Piano playing itself

u/magna

Awesome! Using - instead of + makes it more like depressing the keys IMHO.
u/BirdsTweetCodersDweet

That's 21-(i== for you... Took me a while to figure out which + you meant :P
u/lionleaf

#piano

show FPS hide FPS share fullscreen

amator

function u(t) {

for(c.width|=i=11;i--;) {
x.strokeRect(25+i*(k=100)+(d=S(t)*360+360),400,k,320)
i%7&&(i+4)%7?x.fillRect(i*k+d,400,k/2,200):0
}

Jul 18 2018 3:37 PM UTC

}// 126/140

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

u/iverjo

#piano
u/micahcowan

#default

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

onkeyup=e=>{T||a.close();a=new AudioContext;o=a.createOscillator();o.connect(a.destination);o.frequency.value=7*1.06**e.keyCode;T=o.start()}

Apr 13 2017 12:32 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 piano you can play with your keyboard. G is middle-c, i think

Show more comments…
u/joeytwiddle

Twinkle little star: GGNNPPN LLKKIIG NNLLKKIx2 GGNNPPN LLKKIIG
u/joeytwiddle

Silent Night: G IG D, G IG D, N NK, L LG, (I IL KIG IGD)x2, N NQ NKL P LGDGEB L
u/joeytwiddle

Star Wars: (IIIN U SRPZ U SRPZ U SRSP)x2 I IK KSRPN NPRP KM, I IK KSRPN UP. I IK KSRPN NPRP KM, IIN LJI GED BI. IKNSP
u/joeytwiddle

Thanks to @donbright who showed me where i could save 5 chars
u/iverjo

Very impressive :D
u/donbright

this is unbelievable. (ps thx but i stole the idea from others here)
u/donbright

(ok technically they gave it to me prob @cantelope / @manga)
u/Woodmouth

This is the strangest piano i've ever played, but good job!
u/Woodmouth

Also, i found a way to stop it, just press shift. (or any other key with a value too high or low to hear (At least i think that's what happens))
u/joeytwiddle

and of course thanks to New_Core for the intro to Web Audio API
u/joeytwiddle

Check the old comments for some tunes you can play. You'll need to click on the blank canvas for keyboard focus.
u/joeytwiddle

#audio #music #piano #interactive
u/joeytwiddle

Star Trek intro: R M P H, F KP OKHMR RV Q T L, J OT SOLQV VZ
u/joeytwiddle

Star Trek main: B-L-KIGFE, C B-N-LKIGF, E-D FGIKLKN Q, P N D, I G (ILPS!)
u/joeytwiddle

One more you might know: NPSP WWU, NPSP UUS, NPSP S UR N NU S

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width|=0;for(i=m=118;i--;c=m&(1<<i%7)?54:4,X=i*100,x.fillRect(X-c/2,700,c,220),x.fillRect(X-2,920,4,m));

Apr 5 2017 6:37 PM UTC

}// 106/140

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

Piano keys prototype

u/recursive

golfed it by 12: https://www.dwitter.net/d/2439
u/magna

#piano

You've reached the end.

dwitter.net | #piano