どんな 3D オブジェクトでも弾ませ、回し、揺らし、スクワッシュ＆ストレッチさせる方法

小物は、作るのはいちばん簡単なのに、アニメーションさせるのはいちばん厄介なモデルです。コイン、宝箱、ポーションの瓶にはスケルトンがないので、たいていはエンジン上で全体を移動・回転させてアニメーションします。それで回転するコインは作れます。でも、着地でつぶれる宝箱、ぷるぷる揺れるゼリー、風にしなる看板は作れません。そのためにはメッシュそのものの形が変わる必要があるからです。

afk.ai のオブジェクト用リグがこれを解決します。どんなモデルの内側にも小さなスケルトンをフィットさせてメッシュをスキニングするので、オブジェクトが曲がったり、つぶれたり、伸びたりできます。すぐに再生できる 9 種類のアニメーションも付いています。

オブジェクト用スケルトン

オブジェクト用スケルトンは 21 ジョイント。モデルの中央を縦に通る背骨と、それを横切る 3 列のボーンを、モデルに合わせてフィットさせます。メッシュがこれらのボーンにスキニングされているので、動きに合わせてオブジェクトが曲がり、形を変えます。単純な移動・回転のアニメーションではできないことです。

9 種類のアニメーション

ブラウザでオブジェクトをアニメーションする

1. afk.ai/rig を開いてモデルをドロップします（GLB、glTF、FBX。OBJ、STL、ZIP 圧縮したモデルは自動で変換されます）。
2. モデルの種類を聞かれたら Object or prop（オブジェクト・小物）を選びます。モデルの一部だけをアニメーションしたい場合は、先に Select a part（パーツを選択）を選びます（詳しくは下で説明します）。
3. モデル上でアニメーションをプレビューします。
4. 必要なアニメーション入りのリギング済み GLB をダウンロードします。

モデルの一部だけをアニメーションする

小物は、一部だけを動かしたいことがよくあります。旗竿ではなく旗、吊り下げている柱ではなく看板、鉢ではなく植物、ランプのシェード、台座の上のクリスタル。afk.ai/rig なら、その部分だけをリギングして、モデルの残りはそのままの位置に残せます。

1. モデルをドロップし、種類を聞かれたら Whole model ではなく Select a part を選びます。
2. アニメーションしたい部分を囲むか、パーツをクリックしてまるごと選択します。Add と Remove で選択範囲を調整し、Turn view でモデルの周りを回り、Select through to the back で見えない裏側の面も選択できます。
3. Continue を押して、その部分が何かを選びます。旗、看板、植物なら Object or prop です。
4. AI は選択した部分だけをリギングします。アニメーションをプレビューしてからダウンロードします。

選択しなかった部分は動かずに、同じ GLB に一緒に入ります。はためく旗は旗竿に、揺れる看板は柱に付いたまま届くので、そのままシーンに置けます。オブジェクトに限らず、どのボディタイプでも使えます。台座の上の像やスタンドの上のキャラクターを選択すれば、動くのはその像やキャラクターだけです。

パーツの選択は Web サイトでのみ行えます。API ではモデル全体をリギングします。

コードからオブジェクトをアニメーションする

afk.ai API でも同じようにオブジェクトをリギングできます。小物のフォルダをまとめて処理することも、プレイヤーがアップロードしたオブジェクトを処理することもできます。

npx afk-rig coin.glb --type object --animations Spin,Bounce -o coin.rigged.glb

AI エージェントからなら、afk-rig MCP サーバー で同じことがツール呼び出し 1 回でできます。

エンジンで再生する

three.js

import * as THREE from 'three'
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'

const gltf = await new GLTFLoader().loadAsync('coin.rigged.glb')
scene.add(gltf.scene)

const mixer = new THREE.AnimationMixer(gltf.scene)
mixer.clipAction(THREE.AnimationClip.findByName(gltf.animations, 'Bounce')).play()

const clock = new THREE.Clock()
renderer.setAnimationLoop(() => {
  mixer.update(clock.getDelta())
  renderer.render(scene, camera)
})

Godot

GLB をプロジェクトにドロップします。インポートされたシーンには、すべてのアニメーションを名前で持つ AnimationPlayer があるので、$AnimationPlayer.play("Spin") で再生できます。繰り返し再生したい場合は、インポート設定でアニメーションのループモードを設定してください。

Unity

glTFast パッケージをインストールし、GLB をプロジェクトにドロップします。Humanoid ではなく Generic リグとしてインポートし、クリップを Animator Controller に追加します。

Unreal Engine

Unreal 5.1 以降は、GLB をそのままアニメーション付きのスケルタルメッシュとしてインポートできます。

コツ

• 2 種類の動きを組み合わせる。 経路に沿った移動はエンジンに、形の変化はリグに任せます。回転しながらスコアカウンターへ飛んでいくコインや、Pop_In で落ちてきて Wobble で落ち着く宝箱などです。
• 感覚で選ぶ。 Bounce と Float は「拾ってね」、Shake は「ダメ」、Sway は「生きているけど穏やか」という印象を与えます。
• 1 つの設定で、たくさんの小物に。 どのオブジェクト用リグにも同じ 9 つのアニメーション名があるので、1 つのアニメーション設定ですべてのアイテムに使えます。

よくある質問

モデルの一部だけをアニメーションできますか？

はい。afk.ai/rig で Select a part を選び、アニメーションしたい部分を囲んで、その種類を選びます。リギングされてアニメーションするのはその部分だけで、モデルの残りは動かずに、ダウンロードに一緒に含まれます。

どんなオブジェクトに使えますか？

あらゆる小物に使えます。コイン、宝石、宝箱、木箱、瓶、看板、旗、ランプ、植物、家具、食べ物、おもちゃなど。キャラクターや動物でなければ、オブジェクトとしてリギングしてください。

アニメーションは商用ゲームに使えますか？

はい。スケルトンとアニメーションは CC0（パブリックドメイン）で、モデルの権利はあなたのものです。

キャラクターや動物もアニメーションできますか？

はい。afk.ai は人間、四足動物、有蹄動物、鳥、ドラゴン、恐竜、クモ、ヘビ、魚、カンガルー、カエル、ゴーストもリギングでき、それぞれに専用のアニメーションがあります。