関節の角度はどうやって計算する?歩くという動作は周期的(ある一定の動きを繰り返す)なもの。今回はこれをうまく利用しましょう。【縦軸】を関節の角度とすればいい感じになりそうですね。上下の動きは、腕や足のそれと周期が違うので注意しましょう。周期を地道に調整し、歩いている風にしてみました。Boneの定義をしている部分は以下になります。子のBoneの配列]);Boneの長さとデフォルトの関節角で姿勢を変えることができます。係数を変更することで回転方向と俊敏さを調整できます。以下は関節角を計算している部分のコードです。用いて関節角(の差分)を計算しています。※目標角ではなく差分を与えているのは、歩く以外の動作を同時に行えるようにするためです。吠えるとか口から熱線を出すとか。comment2014-01-01canvasのコードを見やすくしよう!明けましておめでとうございます。本年もどうぞよろしくお願いいたします。今年から閃光部(フロントエンド)を離れ意匠部(デザイン)の所属になるのですがそうなるとすぐJS忘れちゃいそうで。いうわけで忘れないようにブログ始めます!最初の投稿はcanvasのお話。canvasで複雑なパスを描こうとすると。対でインデントすると。対もインデントすると。document));もっと見やすい!!このお正月、<canvas>でゴニョゴニョする際はぜひお試しください。