diaryたぶんJavaScriptのお話この広告は、90日以上更新していないブログに表示しています。2014-01-02簡易的なBoneアニメーションを作ってみようBoneアニメーションと聞くとなんだか難しそうだししかもそれをJavaScriptでやるなんて。簡易的なものならなんとかなるかも!というわけで今回は最近制作したBoneアニメーションのサンプルをご紹介します。stroke()を駆使して簡単な人型のBoneを描画してみます。ここまではとっても簡単。指定している角度を動的に変化させれば良さそうです。関節の角度を一つ一つ指定し、しかもちゃんと歩いている風に調整するのはすごい作業になりそうなので根元の関節の角度を一つ指定したら、それが先端まで伝搬していく作りにしましょう。そのためにはBoneが親子関係を持っている必要があります。「体」の子が「腕」でその子が「手」、という感じです。親のBoneから子のBoneに角度が伝搬する際、それぞれに係数を掛けるとよさそうです。