やりたいこと

three.jsのMMDLoaderのinterpolationの処理はどうやってるのか気になった

主なLink

MMDLoader
https://threejs.org/docs/#examples/en/loaders/MMDLoader

Interpolations
https://threejs.org/docs/#api/en/extras/core/Interpolations

アニメーションをロードする関数
https://github.com/mrdoob/three.js/blob/master/examples/jsm/loaders/MMDLoader.js#L158

VMDの読み込み

https://github.com/mrdoob/three.js/blob/e48fc94dfeaecfcbfa977ba67549e6108b370cbf/examples/js/loaders/MMDLoader.js#L230

URLからファイルを読み込んでパーサーにかけてる
パースにはmmd-parserを使用している(ソースコードの一番上参照)
https://github.com/takahirox/mmd-parser

VMDのパース

ここでパースを行っている
https://github.com/mrdoob/three.js/blob/e48fc94dfeaecfcbfa977ba67549e6108b370cbf/examples/jsm/libs/mmdparser.module.js#L11085
コード自体はmmd-parserのものと同じ

loadVMDの返却値

https://github.com/mrdoob/three.js/blob/e48fc94dfeaecfcbfa977ba67549e6108b370cbf/examples/jsm/libs/mmdparser.module.js#L11362
配列に全部入れて返している

読み込んだVMDを使う

https://github.com/mrdoob/three.js/blob/e48fc94dfeaecfcbfa977ba67549e6108b370cbf/examples/js/loaders/MMDLoader.js#L1540
名前無しのAnimationClipが返ってくる
https://threejs.org/docs/#api/en/animation/AnimationClip

skeletalAnimation

https://github.com/mrdoob/three.js/blob/e48fc94dfeaecfcbfa977ba67549e6108b370cbf/examples/js/loaders/MMDLoader.js#L1562
interpolationの文字が表れだした
https://github.com/mrdoob/three.js/blob/e48fc94dfeaecfcbfa977ba67549e6108b370cbf/examples/js/loaders/MMDLoader.js#L1634
ここにて_createTrackに入れている
https://github.com/mrdoob/three.js/blob/e48fc94dfeaecfcbfa977ba67549e6108b370cbf/examples/js/loaders/MMDLoader.js#L1815

KeyframeTrackPrototypeを最適化させないように、ここで最適化します
KeyframeTrackPrototypeは時間と値を最適化するためですが、補間を最適化しません。

普通のものでは最適化されないことは分かっていたので、ここで処理していることが判明した