
2 ボーン IK で棒人間を動かす
HTML Canvas でのプロシージャルアニメーション。余弦定理による 10 行の IK ソルバー、歩行サイクル、足が滑らない接地、イージング付きキーフレーム、スクワッシュ&ストレッチ、Verlet で揺れる髪。
記事を読む →このサイトの小さなインタラクティブシーンを作りながら学んだことの記録。プロシージャルアニメーション、リアルタイム 3D、そしてそれらを生き生きと見せるための小技について書いています。

HTML Canvas でのプロシージャルアニメーション。余弦定理による 10 行の IK ソルバー、歩行サイクル、足が滑らない接地、イージング付きキーフレーム、スクワッシュ&ストレッチ、Verlet で揺れる髪。
記事を読む →
唯一の基準となるサイン波の和の海、差分法による法線、onBeforeCompile で描く波頭の泡、物理エンジンなしで上下・縦揺れ・横揺れする船、そして嵐を演出する霧・雨・稲妻。
記事を読む →
曲がりくねった小川に沿って削ったプロシージャル地形、屈折する水のリボン、onBeforeCompile で風を加えた 25,000 本のインスタンス草、リーフカードの木、地面へのレイキャストによるクリック移動、ブルームとカラーグレーディング。
記事を読む →どの記事も、このサイトで実際に触れるシーンについて書いています。棒人間のページ(岩を跳び越え、槍で突きながら走るランゲーム『Stickman Spear Run』。モーションラボは 2 つめのモードとして健在)、Storm Ahead、そして Forest Stroll です。ジャンル別のおすすめゲームはゲームガイドへどうぞ。