HISE Logo Forum
    • Categories
    • Register
    • Login

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

    Scheduled Pinned Locked Moved Scripting
    63 Posts 2 Posters 3.3k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • NatanN
      Natan @d.healey
      last edited by

      @d-healey
      Thanks, David, Just Read It

      So I Need 24 PNG Files And Need To Place Them Into A Folder Named "Keyboard" On Images Folder.
      And The Name Of The PNG In Idle Mode:
      up_0.png to up_11.png

      And For The Pressed Look
      down_0.png to down_11.png

      Right?

      d.healeyD 1 Reply Last reply Reply Quote 0
      • d.healeyD
        d.healey @Natan
        last edited by

        @Natanr Something like that, I haven't used it.

        Libre Wave - Freedom respecting instruments and effects
        My Patreon - HISE tutorials
        YouTube Channel - Public HISE tutorials

        NatanN 1 Reply Last reply Reply Quote 1
        • d.healeyD
          d.healey
          last edited by

          Oh one catch, I don't think setKeyColour will have any effect when using custom graphics.

          Libre Wave - Freedom respecting instruments and effects
          My Patreon - HISE tutorials
          YouTube Channel - Public HISE tutorials

          1 Reply Last reply Reply Quote 1
          • NatanN
            Natan @d.healey
            last edited by

            @d-healey It Works
            But, What's Up With The Lines Between The White Keys!!!
            They Look Like Kinda Wierd

            Keyboard Folder
            Whats up.png

            Result
            Keys.png

            1 Reply Last reply Reply Quote 0
            • d.healeyD
              d.healey
              last edited by

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

              Libre Wave - Freedom respecting instruments and effects
              My Patreon - HISE tutorials
              YouTube Channel - Public HISE tutorials

              NatanN 1 Reply Last reply Reply Quote 0
              • NatanN
                Natan @d.healey
                last edited by

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

                1 Reply Last reply Reply Quote 0
                • d.healeyD
                  d.healey
                  last edited by

                  Maybe, I have no idea :p

                  Libre Wave - Freedom respecting instruments and effects
                  My Patreon - HISE tutorials
                  YouTube Channel - Public HISE tutorials

                  NatanN 1 Reply Last reply Reply Quote 1
                  • NatanN
                    Natan @d.healey
                    last edited by

                    @d-healey
                    Thanks David :)

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

                    1 Reply Last reply Reply Quote 1
                    • NatanN
                      Natan
                      last edited by

                      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,
                      Keywidth.png

                      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
                      up_0.png

                      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

                      1 Reply Last reply Reply Quote 1
                      • d.healeyD
                        d.healey
                        last edited by

                        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
                        

                        Libre Wave - Freedom respecting instruments and effects
                        My Patreon - HISE tutorials
                        YouTube Channel - Public HISE tutorials

                        NatanN 1 Reply Last reply Reply Quote 4
                        • NatanN
                          Natan @d.healey
                          last edited by Natan

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

                          You Rock <3
                          Thanks For Help

                          1 Reply Last reply Reply Quote 0
                          • NatanN
                            Natan
                            last edited by

                            @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
                            
                            1 Reply Last reply Reply Quote 0
                            • NatanN
                              Natan
                              last edited by Natan

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

                              d.healeyD 1 Reply Last reply Reply Quote 0
                              • d.healeyD
                                d.healey @Natan
                                last edited by

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

                                Libre Wave - Freedom respecting instruments and effects
                                My Patreon - HISE tutorials
                                YouTube Channel - Public HISE tutorials

                                NatanN 1 Reply Last reply Reply Quote 1
                                • NatanN
                                  Natan @d.healey
                                  last edited by

                                  @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
                                  
                                  1 Reply Last reply Reply Quote 0
                                  • d.healeyD
                                    d.healey
                                    last edited by

                                    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.

                                    Libre Wave - Freedom respecting instruments and effects
                                    My Patreon - HISE tutorials
                                    YouTube Channel - Public HISE tutorials

                                    NatanN 1 Reply Last reply Reply Quote 1
                                    • NatanN
                                      Natan @d.healey
                                      last edited by

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

                                      d.healeyD 1 Reply Last reply Reply Quote 0
                                      • d.healeyD
                                        d.healey @Natan
                                        last edited by

                                        @Natan How are you turning off the note currently?

                                        Libre Wave - Freedom respecting instruments and effects
                                        My Patreon - HISE tutorials
                                        YouTube Channel - Public HISE tutorials

                                        1 Reply Last reply Reply Quote 0
                                        • NatanN
                                          Natan
                                          last edited by

                                          @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
                                          
                                          1 Reply Last reply Reply Quote 0
                                          • d.healeyD
                                            d.healey
                                            last edited by 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.

                                            Libre Wave - Freedom respecting instruments and effects
                                            My Patreon - HISE tutorials
                                            YouTube Channel - Public HISE tutorials

                                            NatanN 1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            23

                                            Online

                                            1.7k

                                            Users

                                            11.8k

                                            Topics

                                            102.5k

                                            Posts