Custom FLAT Piano Keyboard 2 Method [ Panel Script By @d.healey & Project File ]

d.healey

I guess you have to draw the lines in the images maybe

Natan

@d-healey
Like This?
Keys + Lines.png

d.healey

Maybe, I have no idea :p

Natan

@d-healey
Thanks David :)

I'll Do More Investigation With PNG FIles, And Let You Know

Natan

Okey, I Found The Solution!

The Width Of The Png Files For White Keys:

( up_0, up_2, up_4, up_5, up_7, up_9, up_11 )
( down_0, down_2, down_4, down_5, down_7, down_9, down_11 )

Needs To Be The Exact Size We Used In Floating Tile Data Panel:
Mine Is : "KeyWidth": 14.0,

And Then, To Get That Separation Line Between The White Keys.
You Just Need To Draw A Tiny ( 1 pixel )
Line In The Right & Left Handside Of Your PNG Files, And Make It Black.

Here Is How It Looks

Attached Is The Zip Folder Of the keyboard.zip Png Files, Place It On Your Image Folder, And Open The Below Snippet:

HiseSnippet 1130.3oc4W0saaaCElJNbX1IYXcnXXWJTrKRAxBrbbbR1tnNw+jEz7iWra5tYniQh1lHTjZTTI0nnOb6MXOJ8MX6PQYa4V2LOCjhgMekOmCOje77yGOpiR5SiikJjSwdihnHm0wcGIzCaLjvDnSZhb9RbiDsLz84zQWKIp.zQihHwwz.jiSgiMqxo3pnzeu6YGQ3DgOcpJD5JIymdJKjompsS8my371j.ZOVXtUWs9I9RQCIWl.Hp.tLJh3eCY.8bhYYqfQNeVq.lVp5pIZZLxY0ijAi5NTdmvt9qXwrq4TifGpKrQV0sk7.ChMZQMFx3AcFeyiQHGbmowgB13viwmwBXSzmOdXL3N0i7wCmUtO34kGdkWb34jCdqZg2ivc8UrH8TKFrsF9Dglp5SfTPdXYWKx42wMjvBD5sCI2Paq.gINrY0x01xcucd5OrQo9IBeMSJbkhykZ5EhMeZo2TpXo2Vx88M0u+bsYNGkjyop4Z1j1U2miaJRBulp1x8VBOgNYgv8e1.L9iGfym+8sW6bKTJNQvzWDQEervNJKVA+6EmzjnIlLQlNXcQTklYffSS5sPItMuTD2jFeiVFkt1vHovrCNqqyJprYh1bIQyDC5w.nxfTTI7j1qWmu4YTNg5Yms8fx4w0CF2wrNtZk8qtWsC1Y+xHllFN1vZ3p6TqR48p4saN8UrdbP0CpsWkC1EoouVmeq.C654Atjd6W4WbvuYiRttOAN4WxBzCex265Uc6xakprIKNhSFcgulbK87zrGXWqRnV6mJuC7CTsSMqhejYk2upUtQRLvybrhDMj4GOiuMo8IIb8gQQThxPvLi0i3.IArWWBwTIXo71010Zombv.N8LYfwg9DdblGlNXniVHnbycvp7Ewzqn9Ps0bg.XsMmn6pGwe+MqSqwohOv.TlpzSOoJSLzRDjC.01nzaQ2YBoSx2+5n5CorACmxZV+mpi9Ph.fNRFj.HaVNJCwblAnuZFx.SGuHloGkm39Ag3ZQg6ivcXZ+gyGuqLG7BchOz3M6YfMvs52GpJlB1Uws+4GdN+7P4KrPYMbWlfl95bJP95TY2WBsatGSETkIn5cOOO+GK5yyQK7yy1t8dPOYbjLdlMtKMj0Cn+hyqzzEon+VZmZd8Mftm4Z5cOqMbImqOcI5DUZ4xggxDgdlxiBKbN4evXBq9u5wD9zQNTXwf6eyjLEGiwtrvHNsk3VJGdUMEieENixer1YqqOSJjQCkBle9j9kTshMX.UkG6y8BcnVCOYLUyiqeIkSI4Kf+15mBEdDk4wikLV3s3wh6Ke8MXKbcMMit+2fTuv+OI0uTlXF66LBTnBy4ggwj5Bbo9zrYALCz5rhgOzJW1HaISEAoB+I7KynmQ1Iyn2XieRNiPhuR9Je6n5lZ4OOUCbuEoenVQ7YFYWOT536fe3xaWFEBLhux22Dt+NH9LeeprD9ryR3S0kvmcWBepsD9r2R3y92qOlGiNz7c71VQPQmVoS063zRPfJ4zpdzekXG9j.

Or Download And Use The Below Custom Keyboard Project :
Custom Keyboard.zip

Thanks To @d-healey <3

d.healey

And here's a simple example with a panel

HiseSnippet 1456.3oc4X8taaTDDeujbklTRKEUg3iKUP04FWicHMkRHpNwwtDQSiUbZKhRU0l61ydUNu6wcqSpUUkP7Idr30f2h9F.ytqOe24bM0XJfDreH814O67amY1YF21QBWZbrHBYs3gCCoHq22tyPtrWidDFGs6NHqKaeLc3QBRjmGsu.s8vPRbL0CYYM+8UxXs3BH8502aaR.g6RSIgPOVvboOf0mISo1t92xBBZQ7nGx5mQ50puqqf2PDHF.3Yd6pnPh6wjtzGRThMmMx5BM8XRQTGIQRiQVKrsvaXmdhS4F4eLKlcT.UsoFpCbPFxsDAdJDq9F0nGKvqcx8NFgrram5El23Etl8dLO1X5odiOPy.mpQV+g0bmG7pMivyJC7Vv.uqZ2wMhEJS4nv1kr2kKoQ9DHDjEVFYQy88Wvtg.jfKqzmbLsUDrYrFNqWsZY7sqVszFKuzxKoSBp3Q8oQMHAAGAAhXGYz.pgMDmhkX5IvYsqWLdSbSdWFmVwMhBWckK5ArXoiR3Dgp3CAcmac26l8DNgDgaS3zfZvYj.ttTYCQ+PAG13bcC6qazxroRLU1FhHxCDCjfYc7GvckLA2oaI7KUxggk5rOsGSRgi9ovca0x30faXY7cJiuaYbsZOaCifl+1UCvs.LV8EsZUUuJkSBeQD1gAmV0MvL7WiqsJ7uqrh1j3QqzuX9XGs4q.WUIf1XGVobxpVxdr3JdDIohGjlfuwMLT.WviIACnNkvatIXr6AvKV4VTuMz.bK8pD9qNCGyJA5p0qR+jFDSemggU0qhvPd22DXH8KiO+.pqz4oL7MGa2mv7j8.694fOtLFhcEyHg52PYc6AYaOqzF5i9Up+rzqlLkYOwfXZR1bZNiNAMIvjl5.U8fPcHIJlBORLRU4EfkmDK2DvR9DEUn2Hua.y8XpWtv93GDwINXvTkwlWbgAjgOTHUOGwqf0LVesRYcjSDs1DqdUN5dWLH5qt2OJLGHFyUAjtY.RI7mrIV8JcxrDC93.1122e6gMMJ+FNjr.9btyipFbNIiah8IPJ6Fo4Qm8lpUI6AmblZFQzPUoBnVjJiHIpiEbkadetSokd4RKlljXNj8fppPiG0kRI1CGz+HZDDq+L755r5DENSbHkUV6tDdR656qMrBkuKrswIMEFWUiMRDDnNQ0EeB1pFxEyYjhNbMbJCOQ.rNVPnyT9VeWX5Z84ZJ4mQPAeWNSteHcz9zli0Jn4HZTOC3qGs6NfCQ0ubDMPtPZjjofi0NzSfAQLcOWzdGZ7wRQnV1QMZPVumTyc4jdqJOIhAl9h1FuJ5EYmrY33M+zOT+TUsfwD90etdOcIoTJGTGp6HNcbuTj0UrgdM3TBny1lGF1P3MHfHyOAhZrqQLfXStV8p147XlbX1wx9SLVR0BGKoPO+TB2qZ2lIc6ULdmq.7BQv+tw6ng7V1touOz6IErKX256l0I5lMnbYCTtjcGXNFcIVMP9H8d7SHmPw2mxoQJmZs23v2+1U9koc36vod368ckf4OLhviCEw4N3Nz9rCgmMwYI9nXXjR5OdfJJmkdCgpGZArd88ZAWxB0oCQNHRmtrEz8hKykdL+LMkc9WMYjufQtW3egeQv69md+0qTL+zA22xOZYwDL1g0OLf1jeBM.JMqw3GB0h8ICBjITymjumfKB6I3L2rY.GPkQrtcoQYwdgWnsjRn3ZJkqU+.Z.kjMa9Sq+.HKjDA9I5L5KpM89hyKd8w1F3hUuLw+2nB+7++rBu4Gl1cOBjnBSMXCCw0AJr5RAjvgYI.CYaMmp3nYeU0dSkUtmdyuCqQLqo1aMhYsDl+iXi9D2HwycMy9oxkunlBbu45+OYVzdO0dbMjddPPO6pUph5CUDetqqxceKv+TrNqNC57EyfNqMC5b6YPm0mActyLnyWdt5nZFs0.onu4oHPncS8fwVVM4DHSVm0i9CWXWVdB

Natan

@d-healey said in Custom Keyboard / Easier Script:
Oh! Thanks David

You Rock <3
Thanks For Help

Natan

@d-healey Sir How To Make The Piano Keyboard From 0 To 127?
I Changed The Looks To Circle

HiseSnippet 1561.3oc4X01aaaCDVJNpqIsouLTLrOxUrUHu35Jkkl1trf7pcWvZZLhSeYnqnfQh1lHxjZRzIwnn.C6S6m09ar+E8Gv.1NRJYI43j451sArw.jHd2Qxm63wiOLMh3dj3Xdjg4L62OjXXdYql8YhNa1ASYFaukg4UrNjz+.NNx2mzkarQ+PbbLw2vzrzCk1XNyzFp1aWcCb.l4QxDYX7TN0i7HZWpHSZi09NZPPcrOYeZ2bVu3Za6wYaxC38.7TxxwHD6cHtM4wXoYSYYXdgZ9TAOpo.KHwFlSuA2ueyN7iYZ6eJMldP.Q1w0nILQZw04A9RDKkZrYGZfeiT+N1vvzpQVTnjNJbCqcn9zAxyhFWSo.kMh7wCyoNO349WCOmQAuoNM7tjBE6zSPhTn5xY8cKhnREQTowCQmFEFaxYBBSHwi7yHd.XpPglqX0zKhFJ1nmPvYFTeoHZaFOhjH5HbPuBoEFiwbbUqVzSZJ54c3i4RvOzj71UMxEXlVGXtdxzjoQFdtj01.3iZggby7QGssFS86WvJw8p1EeHodDzYvHrcctuSEzccbJu7byN2rpiGU8IsHQahCBN.RQisEQ8HZ0PFbr.QNBlrs8iQqfpwZSYjpdQDXKPtM8HZrvVZbpQUaAGGru8CdP9Y3HbDpAlQBbg4HEcsIhM4cC4Lni8M0puodT5NUiIhFPtpXOdOArr1s5w7DTNytcYzqk1gflbtOtCUPfo9EfusPEzhfGVAcuJnGTA459xk0Fp+caE.WGvnyyqW2Q0JWvhV7HjMElMmkQTz2fbW.967yqVRTRK6KZKjsZ4qBtp.ParMsbAakMQGZbUer.W0GRWQ25VZIPH3oxDA6xnUVAVrUA3EKCKxpF1NmTu9AtxeJi95SoQ2Rgt107ivGWKHfFFSreAE8kCVkmQ8EcfU4Nf2fl+txL.TkQq81tNYZ9VBscGXC9NJ4urxh4WuhAhh8dS1mjfXxGr3wBp1nhGIQpgv26TL48Ojj31IoluQ88aFNmdGduXR5wsrjZ0InzLmrba3BKHWLDGESfiwZqpdB.rgg5WBPsXlrL2TauW.06Pheg7xAmXiSi5vRUAoKIDFf6KqTYujCZdjRwRKVNuqNzV3JHYYikmMWTXXPzU52OIr.HFnUBj14.RYzmsBRVFY3TGM9X.11sUqM5WSO3yXRFNc3L74jxUmSF5JnVXHOd4rc5S6opgjehSmSkhHRnrVFTrTlQjtqi3LYXdWlc4Ye8ryjkjnmjcf59.mAoSIM6w85d.IB1q+BzRppVoC3T6CYpxutyhFdca0RsvRT9gXs0AowXwStxLPNiRGeH0RtTiVSx.sYJ3TAotHcfgvcmE4HXMdbD7z2IkyPNaaFUraHgcVTsxXQX7js2BBB.cByDYfcgjHAUBAysHGA7F02oOi0Vj3CE7PksI29YX9QZhCykdiuL5o3MbQKcjz3j7LN5OnyO8Cqcr77+.A+5OuVGUEpL6+90fZM7iGbAujMBbAHJSvHHe.bC498BvhhDFkrjST.6GEHfHIYvhoh94o07NvhzYrI4Ntv85VMnBuNiFuSMB7JID92LdSH8NmUsVsHdhLvNsU8mOoDvmLnbkT92MAxUpxpJf7Ip9nmgOhfdHgQhjAU2y7sR+1U+kw8sRgi8ak10S.K+9QXVbHOtvD2jzktObrINuvmDCDcI+3dxc47x2jKu2bDpd6p0AmbjioIVzKRktrNbiESTH8nz64ihF4a1l9eg2r8g+z16ewgRiGbGQDzrwod6+0fz3tgAjZriHAP0XEF+Xn7aKbu.Qpzh406vY7vNbF0K+l9dDQDscaRTdrORGZcg.pmlI4FqsGIffym.+4q8HHwCGAwIxDFKbG+Xw4se8oVZ3hjGFQ+2nndo+eVTW+.416fgDUfnfEvUqITK0i.HgAzGjDgLmRVOT22Q1WWLk4q57GPKQoqruYhR2Tk+irFcwdQ7W4oo3IykunRB32L0+0rYr1Q1G4l9+OwxxopiQWnh3q77jg6aCwmQOlElfw7USvXVbBFycmfwrzDLl6MAi49m6XjWFsdOAuq9nHHnQMEWXSyZLLjIqx5M9SjpAwlB

Natan

Also By Clicking And Moving The mouse Over The Keys, Notes Gets Stucked :/

d.healey

@Natan Looks like you're doing quite well! I'm not getting any stuck notes with your snippet.

Natan

@d-healey Ah Thank You Sir :)
Click On The Circles, Not Your midi Keyboard.
The Graphics Make The Notes Getting Stucked

HiseSnippet 1556.3oc4X01aaaCDVJNpqIsouLTLrOxUrUHu35Jkkl1trf7pcWvZZLhSeYnqnfQh1lHxjZRzIwnn.C6S6m09ar+E8i6aaGIkrjbbxbc61.1X.RDu6H4yc73wGlFQbORbLOxvbl86GRLLurUy9LQmM6foLis2xv7JVGR5e.GG46S5xM1neHNNl3aXZV5gRaLmYZCU6sqtAN.y7HYhLLdJm5QdDsKUjIswZeGMHnN1mrOsaNqWbss83rM4A7d.dJY4XDh8ND2l7XrzrorLLuPMepfG0TfEjXCyo2f62uYG9wLs8OkFSOHfH63ZzDlHs357.eIhkRM1rCMvuQpeGaXXZ0HKJTRGEtg0NTe5.4YQiqoTfxFQ93g4TmG7b+qgmynf2TmFdWRghc5IHQJTc4r9tEQTohHpz3gnSiBiM4LAgIj3Q9YDO.LUnPyUrZ5EQCEazSH3LCpuTDsMiGQRDcDNnWgzBiwXNtpUK5IME87N7wbI3GZRd6pF4BLSqCLWOYZxzHCOWxZa.7QsvPtY9ni1Vio98KXk3dU6hOjTOB5LXD1tN22oB5tNNkWdtYmaV0wip9jVjnMwAAG.onw1hndDsZHCNVfHGAS119wnUP0XsoLRUuHBrEH2ldDMVXKMN0npsfiC129AOH+LbDNB0.yHAtvbjht1Dwl7tgbFzw9lZ02TOJcmpwDQCHWUrGum.VV6V8XdBJmY2tL50R6PPSN2G2gJHvT+Bv2VnBZQvCqftWEzCpfbce4xZC0+tsBfqCXz440q6nZkKXQKdDxlBylyxHJ5aPtK.+c94UKIJok8EsExVs7UAWU.nM1lVtfsxlnCMtpOVfq5CoqnacKsDHD7TYhfcYzJq.K1p.7hkgEYUCamSpW+.W4OkQe8oznaoPOy0pEDPCiI1ufh9xAqxyn9hNvpbGvaPyeWYF.pxn0daWmLMeKg1tCrAeGk7Wle0JFFJ16MYeRBhIevhFKnZiJZjDmFBeuSQj22.RhSmjV9F02uY374c38hIoG0xRnUmdRyZxxqgKqf7vPbTLANBqsp5I.rFFneI.zhYwx7Rs8dATuCI9ExIGbZMNMlCKUEjtbPX.turJk8RNn4QJEKsX47t5PafqfjkLVd1bQggAQWoe+jvBfXfVIPZmCHkQe1JHYIjgSbz3iAXa2Vs1neM8fOiIY3jgyvmSJUcN4mqfZggr3ky1oOsmpFR9INcNUJhHgx5XPgRYFQ5tNhyjg4cY1km80yNSVRhdR1Ap4C7EjNkzrG2q6AjHXu9KPKopXkNfSsOjoJ+5NKZ30sUK0BKQ4Gh0VGjFiEO45x.4LJc7gTK4QMZMICzlofSEj5RzAFB2aVjef03wOvSeeTNC4rsYTwtgD1YQyJiAgwS1dKHH.TILSjA1ERhDTIDL2hbDvYTee9LVaQhOTvCU1lbymg4GoIMLW5s8xnmhyvEszQRiSxy1n+fN+zOr1wxy+CD7q+7ZcT0mxr+6WCp0vOdvk6RlHvkenLAif3AvKj62K.KJRVTxPNQAreTf7gjfAKlJ5mmRy6.CRmwlf63B2qa0fJ75LZ7N0HvqjL3ey3Mgv6bV0Z0h3Ix.6zV0e9jR9dxfxUR4d2DHVoJqp.xmn5idF9HB5gDFIRFTcOy2I8aW8WF22IEN1uSZWOAr76GgYwg73BSbSRW59vwl37BeRLPxk7i6I2kyKeSt7dyQn5sqVGbxQNllXQuHU5x5vMVLQgziRumOHZjuWa5+Edu1G9Sau+EGJMdvcDQPyFm5c+WCRi6FFPpwNhD.UiUX7igxusv8BDoRKlWuCmwC6vYTu7a56QDQz1sIQ4w9Hcn0EBndZljar1dj.BNeB7mu1ifDObDDmHSXrvc7iEm290mZogKRdXD8eih5k9+YQc8iiauCFRTAhBV.WslPsTOBfDFPePRDxbJY8PceGYecwTlupye.sDktx9lIJcSU9OxZzE6EwekmlhmLW9hJIfeyT+GylwZGYeja5+6DKKmpNFcgJhuxySFtuMDeF8XVXBFyWMAiYwIXL2cBFyRSvXt2DLl6etiQdYz58D7t5ihffF0TbgMMqwvPlrJq23OozUCSM

d.healey

Notes only get stuck when you click and drag the mouse off the note. If you just click there is no stuck note. So you need to keep track of the last pressed key and turn that off whenever the mouse up event triggers.

Natan

@d-healey That's Too Complex For Me :/

d.healey

@Natan How are you turning off the note currently?

Natan

@d-healey
Sir
Let Me Finish With The Keys, Then Go For The Stucking Script :folded_hands:

I Managed To Make 36 Keys, Thanks To Your Loop Script, Everything Works Just Fine, But How To Go A 2 Octave Down, Like Start From C0 To C5?

Panel1.setPaintRoutine(function(g) {

    var white = [
                0, 2, 4, 5, 7, 9,11,
                12,14,16,17,19,21,23,
                24,26,28,29,31,33,35,
    ];
    
    g.fillAll(0xFF000000);
    
    for (i = 0; i < 36; i++) {
        
        if (white.contains(i)) {
            this.data.down && this.getValue() == i ? g.setColour(0xFFAAAAAA) : g.setColour(0xFFFFFFFF);
        }
        else {
            this.data.down && this.getValue() == i ? g.setColour(0xFF222222) : g.setColour(0xFF000000);
        }
        
        g.fillRect([i * this.getWidth() / 36, 0, this.getWidth() / 36, this.getHeight()]);
    }    
});

HiseSnippet 1493.3oc4X0saaaCEVJIpqIcoccnXXWxUrUH2n5YYm51rrf5DGmtf0zXDm1NfthBFIJahHSpIQmTihBLrq1i0tZuC6snuAaGRZYI63j4YzVLrwKbLO+P9c9gmywoYL2ijjviMLW7v9QDCyO1pUelnS8NXJyX2sMLup0wj9Gwww99jtbis5GgSRH9Flly+PoLlKtfgZ81GrENDy7HYjLLdJm5QdDsKUjQsYsumFFtC1mbHsaNoWs1tdbVcdHuGfm4sJYDg8NF2l7XrTr4rLLuTCepfG2RfEjDCyE1h62uUG9oLs7OklPOJjH23ZzBNHM4c3g9RDKoZTuCMzuYpcmXXXZ0LyKLu1KbCq8n9zgzy7FehhAJSi79Cy4tH34lGdkld3YlCdKng20sZ4ESiDYbjX6JV6xDj3.LDBxCKsrFy86WxpNGjfIJ1EeLYmXXyPMrqVpjC5tkJUX8kWZ4kTIAE8IAj353vvif.QhsHtGQyFhSIBD4D3r10OAsApAqMkQJ5ES.SW5hdDMQXKENUnhAPP29NqsV9S3DbLpIlQBcgyHEbsIh57tQbFrw9lZ12TqkdSwDhnIDQDGv6Ifq0NnGySP4L61EPuVJGBVxy9zNTAAN5mqIo+L+Br4xNnUAK2AcOGzZNttNmUJ2xNtq53V0w8dNtq4T10obkIHV4UcJW0o78cJulSEWmJUbpb2Ah8h0yif1Jmwlf+nzq1YmRpUgQjHfGiro.xKsNhh9VTkpveWYEk4kdcYeiFfrUlZQvsJ.OShMsvHxJWhNzjh9XAtnOjRht0szT.28Swg8H1EParAbYO.fWhLDHeGp.3lpUAz2bFN5UJzkq2j8URXB4cFFJqVSBCi59FCCYeS6yOf3IreNEc6g26yn9hNv890fO1QlOLYFoT+NBscGHy9EEVWczuQ9wRuY7zy838RHoubxxOUOFRCLYooPEVHTGgiSHvCRsTEeEbyiikaCXYzDEYnWKuWH06Xh+Hg8gO9RRcvvU4fzutiBw8eLWHe5iVAoXTc0B4cjiEs1.Iq.LvtmLH5Js6mDMBHFxUBj14.RAzWrARVQX7rDM9X.11OHXq9MzJeNGRd.eA17fJOWPx3Fn.LjxtdVdzYsTkJ4O3zyTwHlDIKKA08jYDoQcDmIcy6yrKrzqWZwrjD8grGTAGZxIMJoXOtW2iHwPr9qPUUY0oJbl3PFq726Rnwu2f.0EKQ46h6V6jlhKWVOOlGFJOQogOFaYy+IyYfh1LEbbfmH.VGJHzEbz1rVmea17SA3oaujSPNaWFUreDgcdMeMFzSB91S1cavIH6GOfFHWDIVPkPvbaxIvfN5tyKZsMI4XAORI6fFYFlejPwc4zd2RumAE5PeYKsmz3U4mbp+vM+7OV6T46+gD9seoVGUYnLJGTCp0vOcXuZCyqYA8WPYDLN6XDvvLb+dgXwnS3HGqa.CHdLxnDxwEXITQ+7i88dYrmoEtW2pIU30Yx3ctIfWHB99FuCFhbYqFAAP+lLvtf0N+v6+IFyCkqpgxUrZAyIoJqp.xmo1idF9DB5gDFIV5TcO2g6+iq8qS6v8QS8v866Ifq+vXLKIhmLxA2hzkdH7rIIOwmj.irR9oCjQ47zqyk8Mm.q29fc.ibh5zBK5EqRW1D5XwDijdL+TGS9G7iLV3e0+HiObEGle5f6eyuCZwTL1h1MJjzfcBIDpFqv3mBkeCv8BEoTGMudONiG0gynd4C5GPDwz1sIw4w9DMnMEBndZFkaT6.RHAmOA9Kq8HHwCGC9IxL5KbmdewEEu9bKMbQxGin+aTTe9+eVTW+acauGFRTgAErfY0ZA0R8H.RXv3CxAgLmSVOTuujbutXJyWs4Og0.ltx8lCX5lx7CxczE6EyeomdDOYt7kUT.6lo927rn0dx8HWC0XefdVkJVxnKTQ7kddR28c.+yj0o7LnSkYPmUmAct6LnS0YPm6MC5b+KTGYynM6I3c0OEABManlE1zrACCYxprdi+BL+pgML

d.healey

Your white keys array doesn't need to contain every single white key. It just needs to contain one octave. Actually I'd do it with black keys instead of white keys because I already have the function on github.

inline function isBlackKey(n)
{
    return [1, 3, 6, 8, 10].indexOf(parseInt(n) % 12) != -1;
}

Then you can just increase your loop from 36 to whatever upper value you like.

Natan

@d-healey said in Custom FLAT Piano Keyboard 2 Method [ Panel Script By @d.healey & Project File ]:

inline function isBlackKey(n)
{
return [1, 3, 6, 8, 10].indexOf(parseInt(n) % 12) != -1;
}

Thank You Sir, Now I'm Confused Again :/
So Where is Supposed To Add this Up?

d.healey

@Natan

Call the function, pass a note number, and it will tell you if it's a black key or not.

isBlackKey(60); // false
isBlackKey(61); //  true

Natan

@d-healey no Idea, This Is Pretty Easy For You Sir, But I've Go No Clue On What Notes And Functions Can Do

d.healey

@Natan

Instead of if (white.contains(i)) which only works if you put every singe white note in the array, you can use if (isBlackKey(i)) The only difference is this will trigger true on black keys not white keys.

Custom FLAT Piano Keyboard 2 Method [ Panel Script By @d.healey & Project File ]

22

1.7k

11.8k

102.5k