VexFlow 音部記号のソースを表示

<yjavascript></script>
<script src="https://wiki.yo-net.jp/vexflow/build/cjs/vexflow.js"></script>
<script>
</yjavascript>
[[VexFlow 使い方]]に戻る。
== '''概要''' ==
　音部記号はト音記号、ヘ音記号、ハ音記号があります。ト音記号は丸と縦棒の交差するところが、ト音です。イ＝Do、ロ＝Re、ハ＝Mi、ニ＝Fa、ホ＝So、ヘ＝Ra、ト＝Si。つまり 「シ」 だね。へ音記号は、；の間に挟まった線の上ががヘ音。つまり「ラ」です。線一つ分低い音が主体になります。ハ音記号はチェロ、ビオラ、コントラバスとかでよく使われる記号で、上下対象の真ん中にあたる部分がハ音。つまり、「ミ」です。


　ト音記号は通常、下から三本目が交差するポイントに配置されます。へ音記号は下から四本目が：の上下の点で挟むように配置します。くるっと丸めてるところの上とも言えます。ハ音、下から三本目が中央になるように配置します。しかし、ハ音は特に上下をずらして使うことも多いです。アルトとかテナーとかソプラノとかねいろいろあります。ト音もヘ音もずらしていいです。滅多にみかけませんけど。


　なんで、こんなことになってるのかは知りません。ピアノの低いところはヘ音記号。そのほかは大体ト音記号が使われるので、ヘ音記号はちょっと特殊で、ハ音記号はかなり特殊な感じで認識されていると思います。これをでは、それぞれを描いてみましょう。


<div id="yonet202302_Output01"></div>
<yjavascript></script>
<script>
(function(){
  const {
    Factory,
    Stave,
  } = Vex.Flow;

  const f = new Factory({ renderer: { elementId: 'yonet202301_Output01', width: 1500, height: 195 } });
  const ctx = f.getContext();
  const stave1 = new Stave(10, 50, 200).setContext(ctx).draw();
  const stave2 = new Stave(230, 50, 200).setContext(ctx).draw();
  const stave3 = new Stave(460, 50, 200).setContext(ctx).draw();
})();
</yjavascript>


　

[[VexFlow 使い方]]に戻る。