はい。 現在、 FBXLoaderはバージョン7のASCII形式のみをサポートしています。

Three.jsバージョン：r77

どうして？

/ ping @yamahigashi

どうして？

参照オープンソース実装がないので？ あなたがそれを知っているなら、私はそれを見たいと思います。

ああ、待って、私はそれがバイナリについてだと思った。 v7より前のASCIIFBXの場合、ここにコード

バイナリFBXパーサーを作成した、または作成している人はいますか？
そうでなければ、私はそれを作ろうとしているような気がします...

これを行うにはリバースエンジニアリングが大好きです）そして、それが単純なタグであれば幸運かもしれませんが、すべてのデータ型を一意にシリアル化する場合は、適切です：モデルごとに1つの数値を微調整して保存する必要があります一度に何が変わったかを確認します。

アドバイスをありがとう。
このサイトを見て、FBXバイナリパーサーを作成することに成功しました。

https://code.blender.org/2013/08/fbx-binary-file-format-specification/

オブジェクトを作るObjectParserを作ってみます
次のバイナリパーサーの結果から。

ああすごい、誰かがすでに地獄を通り抜けました、そしてスペックがあります）

https://banexdevblog.wordpress.com/2014/06/23/a-quick-tutorial-about-the-fbx-ascii-format/
このリンクもそれを行うのに素晴らしいものだと思います。

@takahirox新しいパーサーがTHREE.PLYLoaderような同様の構造を持つといいですね。 この実装では、ASCIIまたはバイナリ入力からデータを解析した後にTHREE.BufferGeometryオブジェクトを作成するための統一ロジックを使用します（メソッドhandleElement使用法を参照）。

わかりました、やってみます。 そして、それをMMDLoaderにも使用できるかどうかを考えています。

ところで、FBXバイナリ形式がバージョン7より下でも同じままであるかどうか、ここの誰かが知っていますか？

何も思いつきません。

たぶん@mrdoobは知っていますか？

@takahiroxバイナリ

まだ…もうすぐやります！

@takahirox更新はありますか:)？ ありがとう！

申し訳ありませんが、最近忙しいです...しかしすぐに！

@takahirox素晴らしい\ o /

4月から再びFBXバイナリパーサーの作業を開始します。
誰かが急いでいるならLMK。

@takahirox共有するのが

こんにちは@takahirox私は実際に急いでいます、これに関する更新はありますか？ 私は可能な限り助けることができますが、これはすべて私にとってまだ新しいことです。

私はそれについて再び取り組み始めたところです。
少なくとも、それを共有するにはまだ数週間必要です。

何週間だと思いますか？

うーん、多分2、3週間？

好奇心から、開発作業の一部を後援することができれば、これは1週間かそこらで行うことができますか？

まあ、約束はできませんが、やってみます。
共有できる特定のモデルデータはありますか？
参考として彼らと一緒に働きたいです。

testfile.fbx.zip
これは、それが役立つ場合に必要なものと似ています

その間...

https://with.in/watch/under-neon-lights/では、プレーンテキストのFBXを使用しましたが、サーバーがgzipで圧縮するように拡張子を.fbx.txtに変更しました。 また、 FBXLoader2かなり最適化しました。 それはかなりまともなワークフローになってしまいました。

FBXLoaderがFBXLoader2サポートしていないものがあるのか​​、それともすでに置き換えることができるのだろうか...

@ kyle-larson？

補足：FBXの例でもすでにFBXLoader2を使用しています。

@mrdoob FBXLoaderとFBXLoader2の唯一の違いは、インデックスバッファの使用です。 FBXLoader2はインデックスバッファを使用しません。 それ以外に、FBXLoader2には以前のローダーのすべての機能が含まれている必要があります。

ああ！ それを交換する時が来ました👌

この人に何か更新はありますか？ できる限りお手伝いさせていただきます。

testfile.fbx.zipのテキストファイルバージョンはありますか？
比較したい。

testfile_ascii.fbx.zip

バイナリパーサーの進行状況...

@ adam-clarey

モデルのスクリーンショットを共有できますか？
テキストファイルでさえThree.jsにロードできませんでした。

別のモデルのスクリーンショット...

モデル： https ：

格好良い！ 😀

皆さん、ありがとうございました！

すぐにスクリーンショットをアップロードしてみます。 基本的に、私のユースケースは、マテリアル画像とモデルを1つのファイルにバンドルできることです。

block.fbx.zip

これは、fbxに焼き付けられた画像素材と、Blenderでどのように見えるかの画像を伴う単純なブロックです。

つまり、テクスチャ画像データはfbxファイルにある必要がありますか？

はい。 そのモデルを誤ってエクスポートした可能性があります

fbxバイナリデータで画像データが見つかりません...
焼き付けテクスチャ画像のデータ仕様をご存知の方がいらっしゃいましたらお知らせください。

多分これを試してみてください
block2.fbx.zip

まだ見つかりません...
それらのファイルは他のビューアにロードできますか？

焼きテクスチャ画像のデータ仕様をご存知の方がいらっしゃいましたらお知らせください。

ブレンダーと3dsmaxでblock2.fbx.zipを開こうとしました。 どちらもファイル名のみを表示し、画像は表示しません。 ファイルには.../Users/adamclarey/Documents/burger-screen.jpgへの参照しかないようです。

はい、私のパーサーはファイル名を抽出しますが、画像データは抽出しません。

Ok。 私は明らかに何か間違ったことをしている。 Blenderは使用するのに最も直感的なアプリではありません。 私は何か他のものを試してみます

画像データを3Dエクスポート/インポート形式にベイクできるとは聞いたことがありません（ただし、リソースへの相対パスのみ）。

これも可能ですか？

私はちょうど気づきました：それは可能です。

このようなテストファイルを作成して、ここに投稿します。

素晴らしいもの。

このFBXは3dsmaxで作成され、「メディアの埋め込み」オプションを使用してエクスポートされました。
TestcubeWithImage.zip

3ds maxのスクリーンショット：

ブレンダーで開く（別のマシンで）：

ブレンダーでは、これまでベイク処理された画像を含むFBXをエクスポートするオプションを発見しませんでした。 おそらく、エクスポートする前にベーキングを行う必要がありますか？ -私はブレンダーの経験がありません。

@takahiroxこれも同じファイルで、3ds maxで作成されていますが、「メディアの埋め込み」オプションなしでエクスポートされています。

Testcube.zip

比較するのに面白いかもしれません。

テスト用に他のファイルが必要な場合は、ここに投稿してください。

TestcubeWithImage.fbxのVideo.ID.properties.Contentプロパティの下に画像データのように見えるデータが見つかりました。
これは、このスレッドに投稿された他のバイナリファイルには存在しません。

詳しく見ていきます...

進捗状況...😄

だから、埋め込まれたテクスチャは今は大丈夫に見えます。
アニメーションを含むバイナリfbxを共有できる人はいますか？

さまざまな種類のキーフレームアニメーションを含む3つのテストファイルを次に示します。

AnimationTranslate.zip
AnimationMorph.zip
AnimationBones.zip

しかし、残念ながら、異なるプログラムで同じように動作するファイルを作成することはできませんでした。

それらはすべて3dsmaxで作成されます。

• 3ds maxに再インポートする場合は、すべて問題ありません。
• AnimationTranslateの例は、BlenderとClara.ioで問題ありません。
• AnimationMorphの例はBlenderで問題ありませんが、アニメーションはClara.ioでは機能しません。
• AnimationBonesの例はClara.ioでは問題ありませんが、Blenderではアニメーションは問題ありません。

@takahirox私たちのチームは、しばらくの間、three.jsバイナリFBXパーサーを探していましたが、これは素晴らしいですね！ ソースをどこでも利用できるようにしましたか？ 私たちの目的のために、FBXからメッシュ、法線、UV、およびビジュアルシーンを抽出できる必要がありますが、それは正常に機能しているようです。

ソースが利用できる場合は、それがどこにあるかを教えていただければ幸いです。

素晴らしい仕事をありがとう！

https://github.com/takahirox/three.js/blob/FixLoaderBinaryParser/examples/js/loaders/FBXLoader2.js

これは非常に一時的なものであることに注意してください。
コードをクリーンアップして最適化する必要があります。
そして、機能は今壊れている可能性があります。

@takahirox注意：さまざまなプログラムでテストした後、以前のコメントを更新しました。

@jostschmithals

ありがとう。
翻訳とボーンは現在機能しているようです。
FBXLoaderは、ASCIIファイルを使用してもモーフアニメーションをまだサポートしていません。
それは私たちの次の仕事になるでしょう....

three.jsプロジェクトにtestcubeファイルをロードしようとしましたが、何もロードされません。
FBXTreeオブジェクトを調べた後、画像ファイルに404が表示されますが、それでも絶対ファイルパスへの参照が保持されていることがわかります。

（元のjpgが利用できないマシンで）テストしたところ、正常に動作します。

注：使用する必要があります
https://github.com/takahirox/three.js/blob/FixLoaderBinaryParser/examples/js/loaders/FBXLoader2.js 、
ただし、ローダーは単にTHREE.FBXLoaderと呼ばれます（バージョン番号2はありません）。

それが私が使っているものです。 さらに調査します

TestcubeWithImage.fbxをお試しください
Testcube.fbxには画像データが含まれていないため、404を取得する必要があります

@正常に動作している私のテストでは、 GET ... 404メッセージを除いて、@ adam-clareyとまったく同じコンソール出力が得られます。

ところで：私はWindows10でテストしました。

進捗...
アニメーションは正常に機能しているようです😄

モデルのロードに使用しているコードを貼り付けていただけますか？ どういうわけか、それは私のためにロードされません。

Testcubeファイルをwebgl_loader_fbx.htmlの例に置き換えてみましたが（FBXLoader2.jsファイルも交換しています）、それでもモデルがレンダリングされません。

@ adam-clareyそれはまさに私がしたことであり（もちろん、アニメーションを非アクティブ化）、他の変更なしで機能しました。

なんて奇妙な...

そして、それは（@takahiroxが指摘したように）あなたがTestcubeWithImage.fbxを使用していることを確認しているのですか？
さらにエラーメッセージはありますか？
どのOSを使用していますか？
すべてのブラウザで同じですか？

AAHHH、なんてこった！ 最初のtestcubeファイルが見つかるまで上にスクロールしました。

私の間違い

やあ！ オートデスクからエクスポートされた外部.fbxモデルを読み込もうとすると、このエラーも発生します。 誰かが私にこれに対する解決策を与えることができますか

ありがとうございました！

https://github.com/takahirox/three.js/blob/FixLoaderBinaryParser/examples/js/loaders/FBXLoader2.js
これは非常に一時的なものであることに注意してください。
コードをクリーンアップして最適化する必要があります。
そして、機能は今壊れている可能性があります。

@ hmtri1011

@RicoLiuこれは

そして、THREE.FBXLoader2を使用すると、エラーTHREE.FBXLoader2 is not a constructor

webgl_loader_fbx.exampleを使用できます。

1. https://github.com/takahirox/three.js/blob/FixLoaderBinaryParser/examples/js/loaders/FBXLoader2.jsをロードし
   現在のthreejsブランチのFBXLoader2.jsの代わりに、
2. THREE.FBXLoader （バージョン番号2なし！ ）を使用し、
3. （モデルにアニメーションがない場合は、アニメーションを非アクティブ化します）、

そしてそれはうまくいくはずです。

@jostschmithals私はあなたの手順に従い、新しいエラーをZlib is not defined

モデルファイルが圧縮されているようですか？

私が得るものの完全なエラー

この行を例に追加します。

    <script src="js/libs/zlib_and_gzip.min.js"></script>

完了し、別のエラーが表示されました.... :(

上で書いたように、アニメーションを含まないモデルファイルでサンプルコードを使用する場合は、アニメーションコードを（ロードセクションとレンダリングループで）非アクティブ化する必要があります。

私は別の問題を経験しています、確かに材料に関連しています。 私の問題は、特定の条件下で、一部のfbxモデルがレンダリングし、一部がレンダリングしないことです。

再現するには：
webgl_loader_fbx.htmlサンプルファイルのinit（）のすぐ内側に、次のコードを配置して環境を作成します

 var loadSkyDomeAndGroundBowl = function(scene, onLoad, onProgress, onError) {
                var pathtop="path/to/top.jpg";
                var pathbot="path/to/bottom.jpg";
                var radius=40;
                var bottomtopfactor=0.1;
                var sinkin=0.05;

                var texturetop;
                var texturebot;

                var onTextureLoadTop=function(texture) {
                  console.log('onTextureLoadTop');
                  texturetop=texture;
                  onTextureLoaded();
                };
                var onTextureLoadBot=function(texture) {
                  console.log('onTextureLoadBot');
                  texturebot=texture;
                  onTextureLoaded();
                };

                var onTextureProgress=function(xhr) {
                  console.log('onTextureProgress');
                  if(onProgress)
                    onProgress('Loading sky dome / ground bowl texture');
                };
                var onTextureError=function(xhr) {
                  console.log('onTextureError');
                  if(onError)
                    onError('Error loading sky dome / ground bowl texture');
                };

                var onTextureLoaded=function() {
                  console.log('onTextureLoaded');
                  if(texturetop && texturebot) {
                    console.log('onTextureLoaded 2');
                    var geometrytop = new THREE.SphereGeometry( radius*10, 600, 400, 0, Math.PI*2, 0, Math.PI*0.5);
                    var materialtop = new THREE.MeshBasicMaterial();

                    materialtop.map = texturetop;
                    materialtop.side = THREE.BackSide;
                    var skydome = new THREE.Mesh( geometrytop, materialtop );
                    skydome.position.y=bottomtopfactor*radius+sinkin;
                    scene.add( skydome );

                    var geometrybot = new THREE.SphereGeometry( radius, 60, 40, 0, Math.PI*2, Math.PI*0.5, Math.PI*0.5);
                    var materialbot = new THREE.MeshBasicMaterial();
                    materialbot.map = texturebot;
                    materialbot.side = THREE.BackSide;
                    var groundbowl = new THREE.Mesh( geometrybot, materialbot );
                    groundbowl.scale.set(1,bottomtopfactor,1);
                    groundbowl.position.y=bottomtopfactor*radius+sinkin;
                    scene.add( groundbowl );

                    if(onLoad)
                      onLoad();
                  }
                };

                var loader=new THREE.TextureLoader();
                loader.load(pathtop, onTextureLoadTop, onTextureProgress, onTextureError);
                loader.load(pathbot, onTextureLoadBot, onTextureProgress, onTextureError);
              }

これは基本的に、2つの画像でスカイドームと地面を追加するだけです。

次に、シーンが初期化された後、次のコマンドを実行します。loadSkyDomeAndGroundBowl（scene）;

この新しい環境では、2つのfbxモデルがロードされて正常にレンダリングされることがわかります。

ここで、xsi_man_skinning.fbx参照をTestcudeWithImages.fbx（アニメーションコードもコメントアウト）に置き換えると、コードがまったくレンダリングされないことがわかります。

他のfbxファイルでもこれに気づきました。 バイナリfbxファイルは環境と互換性がないようです。

または私は何か間違ったことをしている可能性があります...
（はい、最新のFBXLoader2ファイルを使用しています）

これは私のサンプルコードです：
`

<script src="../build/three.js"></script>

<script src="js/controls/OrbitControls.js"></script>

<script src="js/curves/NURBSCurve.js"></script>
<script src="js/curves/NURBSUtils.js"></script>
<script src="js/loaders/FBXLoader2.js"></script>

<script src="js/Detector.js"></script>
<script src="js/libs/stats.min.js"></script>
<script src="js/libs/zlib_and_gzip.min.js"></script>
<script>
    if (!Detector.webgl) Detector.addGetWebGLMessage();

    var container, stats, controls;
    var camera, scene, renderer, light;

    var clock = new THREE.Clock();

    var mixers = [];

    init();

    function init() {

        container = document.createElement('div');
        document.body.appendChild(container);

        camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 2000);

        scene = new THREE.Scene();

        // grid
        var gridHelper = new THREE.GridHelper(28, 28, 0x303030, 0x303030);
        gridHelper.position.set(0, - 0.04, 0);
        scene.add(gridHelper);

        // stats
        stats = new Stats();
        container.appendChild(stats.dom);

        // model
        var manager = new THREE.LoadingManager();
        manager.onProgress = function (item, loaded, total) {

            console.log(item, loaded, total);

        };

        var onProgress = function (xhr) {

            if (xhr.lengthComputable) {

                var percentComplete = xhr.loaded / xhr.total * 100;
                console.log(Math.round(percentComplete, 2) + '% downloaded');

            }

        };

        var onError = function (xhr) {

            console.error(xhr);

        };

        var loader = new THREE.FBXLoader(manager);
        loader.load('models/fbx/accient_2_full.fbx', function (object) {

            //object.mixer = new THREE.AnimationMixer(object);
            //mixers.push(object.mixer);

            //var action = object.mixer.clipAction(object.animations[0]);
            //action.play();

            scene.add(object);


        }, onProgress, onError);

        loader.load('models/fbx/nurbs.fbx', function (object) {

            scene.add(object);

        }, onProgress, onError);

        renderer = new THREE.WebGLRenderer();
        renderer.setPixelRatio(window.devicePixelRatio);
        renderer.setSize(window.innerWidth, window.innerHeight);
        renderer.setClearColor(0x000000);
        container.appendChild(renderer.domElement);

        // controls, camera
        controls = new THREE.OrbitControls(camera, renderer.domElement);
        controls.target.set(0, 12, 0);
        camera.position.set(2, 18, 28);
        controls.update();

        window.addEventListener('resize', onWindowResize, false);

        light = new THREE.HemisphereLight(0xffffff, 0x444444, 1.0);
        light.position.set(0, 1, 0);
        scene.add(light);

        light = new THREE.DirectionalLight(0xffffff, 1.0);
        light.position.set(0, 1, 0);
        scene.add(light);

        //animate();

    }

    function onWindowResize() {

        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();

        renderer.setSize(window.innerWidth, window.innerHeight);

    }

    //

    function animate() {

        requestAnimationFrame(animate);

        if (mixers.length > 0) {

            for (var i = 0; i < mixers.length; i++) {

                mixers[i].update(clock.getDelta());

            }

        }

        stats.update();

        render();

    }

    function render() {

        renderer.render(scene, camera);

    }
</script>

`

@jostschmithalsこれに対する正しい解決策を教えてください。 アニメーションコードも無効にしています

@ adam-clarey私はそれをテストしました、そしてあなたが立方体を見ることができない理由はそれが地面の下にあるからです（あなたがそれをカメラで軌道に乗せればあなたはそれを見るはずです）。 これに加えて、すべてがあなたのコードで私のためにうまく働いています。

@takahirox ：

（画像は上に正しく表示されますが...）

@ hmtri1011 animate（）関数を非アクティブ化しました。 したがって、シーンはまったくレンダリングされません😉

（この場合、すでにコメントアウトした行のみを非アクティブ化するだけで十分です。）

@jostschmithals tks：D今は動作します

良い場所@jostschmithals 、ありがとう。

ファイルがどのバイナリバージョンであるかは重要ですか？ 正常にレンダリングされるバージョン7400のfbxファイルがありますが、バージョン7500のfbxファイルでエラーが発生します。

「FBXLoader：不明なプロパティタイプ」
ここで、変数 'type'は空の文字列です

@ adam-clareyfbxの詳細な知識はありません。 このスレッドに参加したのは、画像データをモデルファイルにベイクできるかどうか/どのように作成できるかという質問が興味深いと思ったためです。 そこで、この質問を@takahiroxに転送したいと思います。

> = 7500の仕様は<7500とは少し異なることを私は知っています、そして
> = 7500をサポートするために取り組んでいます。
テスト用にバージョン7500のバイナリモデルデータを共有できますか？

したがって、さらにテストした後、7200と7500は問題ないようです。

ただし、6100および7300はレンダリングされません。
house_fs.fbx.zip
DutchHouse.FBX.zip

ASCIIバージョンのファイルを共有しますか？
問題がバイナリ固有であるかどうかを明確にすることができます。

そして、 FBXLoaderがバイナリをサポートするようになったので、この問題を解決したいと思います（おそらくまだ完全ではありません）。
FBXLoader改善のために別の問題を作成しましょう。

@takahiroxいいですね！

@ adam-clarey
私はこのバグを持っていると思います。

「FBXLoader：不明なプロパティタイプ」
ここで、変数 'type'は空の文字列です

FBXLoader.jsで
への変更

            while ( ! this.endOfContent( reader ) ) {

                var node = this.parseNode( reader, version );
                if ( node !== null ) 
                    allNodes.add( node.name, node );
                else
                    break;

            }

11956

こんにちは、みんな、
FBXLoaderがFBXファイルをサポートしているのは7.0以上であることに気づきました。
7.0未満のfbxファイルをロードしたいのですが、その方法を教えてください。
これが私のfbxファイルですhttps://github.com/nxhoang/Three.js-Fxb-and-Textures/tree/master/models/fbx
どうもありがとう。

ここで説明し@nxhoangは、6100（バイナリ）または7000（ASCII）を超えるFBXバージョンのみをサポートします。

古いFBXファイルを使用する必要がある場合は、それらを更新するか（3ds maxまたはMayaにロードしてこれを行うのが最適です）、または別の形式に変換する必要があります。