Keyboard strip

[arminh]

Hey, I want create custom keyboard, I set custom graphics to true but it don't work.
For example, my png is in images/keyboard/up_0.png and nothing, I still see default keyboard

[d.healey]

@arminh Have you set DefaultAppearance to false?

[arminh]

@d-healey yup

//KEYBOARD

const var keyboard = Content.getComponent("keyboard");

const var datadump = keyboard.get("Data");

keyboard.set("Data", '{
  "KeyWidth": 43,
  "DisplayOctaveNumber": false,
  "LowKey": 48,
  "HiKey": 83,
  "CustomGraphics": true,
  "DefaultAppearance": false,
  "BlackKeyRatio": 0.7,
  "ToggleMode": false,
  "MidiChannel": 1,
  "UseVectorGraphics": false,
  "UseFlatStyle": true,
  "MPEKeyboard": false,
  "MPEStartChannel": 1,
  "MPEEndChannel": 16
}');

[d.healey]

@arminh There's no need to do it that way. You can just setup the floating tile data in the interface designer. It shouldn't make a difference but try it anyway. If that doesn't work could you send me your keyboard graphics to test with?

[arminh]

@d-healey here's my example keys.

https://we.tl/t-7yL3bYgDMV

[d.healey]

I see the problem now. You need to have all 22 images before it will apply the custom graphics, you can't have some keys custom and others not.

[arminh]

@d-healey oh okey, thx for answer

[lalalandsynth]

How can I use my own images and create a keyboard ?
Cannot see a way to add the images ?

[d.healey]

HISE | UI Components | Keyboard

A highly customizable virtual MIDI keyboard. To change the key colours, see [Engine.setKeyColour()](/scripting/scripting-api/engine#setkeycolour).

(docs.hise.audio)

[lalalandsynth]

Hmm, but there is a problem with this .
Its only 12 images ...what about the top key ? Which is different ?

[ulrik]

@lalalandsynth I guess it starts with a C, so img0 - C, img1 - C# etc..

[lalalandsynth]

@ulrik said in Keyboard strip:

so img0 -

YEs , which then repeats for each octave I assume ...until you hit the top key , which looks different then all the other keys , hehe.

[ulrik]

@lalalandsynth Ahh, ok my bad, I misunderstood, sorry

[lalalandsynth]

It is not possible to put in this key :)

[d.healey]

@lalalandsynth I might be wrong but I thought the black keys were overlaid onto the white keys. So all white key images can look like the top key.

[lalalandsynth]

@d-healey Yes , although I would prefer not do do that since I want a more realistic looking keyboard.
Also, that does not really help unless I am only making one octave.

I should allow for the 12 keys plus a top key, the default has a top key .

**Also a bit strange that if you want the default keys with say two octaves you need to set the lowkey to 96 to see the top key ) but my lowest note is at 36. AAAaand the top note is a G which is uncommon.
Can that be transposed somehow ?

[d.healey]

You can set lowest/highest note in the property editor. You can make an entirely custom keyboard using a panel.

[lalalandsynth]

@d-healey said in Keyboard strip:

You can set lowest/highest note in the property editor.

Yes, I know , I was referring to the fact that to see the top note with a two octave keyboard (plus 7 notes) I need to set the lowest note to 96. Depends on GUI size.

@d-healey said in Keyboard strip:

You can make an entirely custom keyboard using a panel.

That is probably the way to go, I guess using a bunch of buttons ? But that way I would lose the velocity placement capability of the default keyboard.

Probably best if a 13th note image was added ;)

[d.healey]

@lalalandsynth

That is probably the way to go, I guess using a bunch of buttons ? But that way I would lose the velocity placement capability of the default keyboard.

No buttons required. Just paint routines and mouse callbacks.

[lalalandsynth]

@d-healey Yes, But I would want to use images.