<m-group id="piano-group" sx="0.95" sy="0.45" sz="0.5" y="-0.2" z="-1.3" rx="5">
  <m-group id="piano-keys" x="-8.5" y="1" z="-3"></m-group>
</m-group>

<script>
  const pianoKeysGroup = document.getElementById("piano-keys");

  const numberOfOctaves = 2;

  const whiteKeyWidth = 1.29;
  const blackKeyOffset = whiteKeyWidth * 0.5 + 0.32;

  const whiteKeyTypes = ["left", "middle", "right", "left", "middle", "middle", "right"];
  const blackKeyPositions = [0, 1, 3, 4, 5];
  const whiteKeysOffsets = [0, 1.29,