コンテンツにスキップ

演習2-1: スケルトンを描いてみよう

提出フォーム:  演習2-1: スケルトンを描いてみよう

visualizer.jsを編集

  1. visualizeScene 関数を探す
  2. drawMarkerLabels のコメントを外す
  3. drawBones のコメントを外す
  4. drawBones 関数の中身を変える

drawMarkerLabels

各マーカーの上にマーカー番号が表示されるようになる.

drawBone

drawBone(frame, markerID1, markerID2, color);

  • markerID1markerID2をつないでボーンを描く
function drawBones(frame, boneColor){
  drawBone(frame, 0, 2, boneColor); // 0番目と2番目をつなぐ
  drawBone(frame, 2, 3, boneColor); // 2番目と3番目をつなぐ
}

複数の命令をつなげると連続した線でつなぐことが可能

※ 全部描くのは結構大変なので,数本つないだものを作ってみましょう.