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

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

#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
u/joeytwiddle

Check the old comments for some simple tunes to play. You'll need to click on the blank canvas for keyboard focus. Hit Space, Shift or Escape for "silence".

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