예. 현재 FBXLoader 는 버전 7의 ASCII 형식만 지원합니다.

Three.js 버전 : r77

왜요?

/ping @야마히가시

왜요?

참조 오픈 소스 구현이 없기 때문에? 당신이 하나를 알고 있다면, 나는 그것을보고 궁금 할 것입니다.

아, 잠깐, 바이너리에 관한 것이라고 생각했습니다. v7 미만의 ASCII FBX의 경우 여기 에 코드가 있고 하드 드라이브 어딘가에 테스트 모델이 많이 있습니다.

바이너리 FBX 파서를 만들었거나 만들고 있는 사람이 있습니까?
안그러면 만들려고 하는거 같아서...

이 작업을 수행하려면 리버스 엔지니어링을 좋아해야 합니다.) 간단한 태그인 경우 운이 좋을 수도 있지만 모든 데이터 유형을 고유하게 직렬화하면 적절합니다. 모델당 하나의 숫자를 조정하고 저장해야 하는 상황에 직면하게 됩니다. 한 번에 변경된 내용을 확인합니다.

조언 해주셔서 감사합니다.
지금 이 사이트를 보고 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 에도 사용할 수 있는지 생각하고 있습니다.

BTW FBX 바이너리 형식이 버전 7 이하에서도 동일하게 유지되는지 아는 사람이 있습니까?

나는 아무 생각이 없다.

@mrdoob이 알고 있을까요?

@takahirox 바이너리 fbx 파서를 어디에서나 공유 했습니까?

아직... 곧 할게요!

@takahirox 모든 업데이트 :) ? 감사 해요!

최근에 바빠서 죄송합니다... 하지만 곧!

@takahirox 굉장 \ o/

4월부터 FBX 바이너리 파서 작업을 다시 시작하겠습니다.
누군가 서두르면 LMK.

@takahirox 공유할 거친 것이 있습니까? 우리는 이번 주 말에 프레젠테이션을 하고 있으며 데모를 위해 FBX 바이너리 로딩을 실제로 사용할 수 있습니다.

안녕하세요 @takahirox 저는 사실

이제 막 다시 작업을 시작합니다.
적어도 그것을 공유하려면 몇 주가 필요합니다.

몇주라고 생각하세요?

흠, 아마 2~3주?

그냥 호기심에서, 내가 개발 작업의 일부를 후원할 수 있다면 일주일 정도에 완료할 수 있습니까?

글쎄요, 장담은 못하지만 노력하겠습니다.
공유할 수 있는 특정 모델 데이터가 있습니까?
참고로 작업하고 싶습니다.

테스트 파일.fbx.zip
이것은 도움이된다면 우리가 필요로하는 것과 유사합니다.

그동안...

https://with.in/watch/under-neon-lights/의 경우 일반 텍스트 FBX를 사용했지만 서버에서 gzip으로 압축할 수 있도록 확장자를 .fbx.txt로 변경했습니다. 또한 FBXLoader2 상당히 많이 최적화했습니다. 꽤 괜찮은 워크플로가 되었습니다.

FBXLoader2 가 지원하지 않거나 이미 대체할 수 있는 FBXLoader 가 있는지 궁금합니다...

@kyle-larson?

참고: FBX 예제 에서는 이미 FBXLoader2 하고 있습니다.

@mrdoob FBXLoader와

아! 그럼 교체시기 👌

이 녀석들에 대한 업데이트가 있습니까? 제가 할 수 있는 곳에서 도와드리게 되어 기쁩니다.

testfile.fbx.zip의 텍스트 파일 버전이 있습니까?
비교하고 싶습니다.

testfile_ascii.fbx.zip

바이너리 파서 진행...

@adam-clarey

모델의 스크린샷을 공유할 수 있습니까?
텍스트 파일도 Three.js에 로드할 수 없었습니다.

다른 모델의 스크린샷....

모델: https://free3d.com/3d-model/robot-2162.html

좋아 보여! 😀

다들 감사 해요!

조만간 스크린샷을 올려보도록 하겠습니다. 본질적으로 내 사용 사례는 재료 이미지와 모델을 단일 파일로 묶을 수 있다는 것입니다.

블록.fbx.zip

다음은 블렌더에서 보이는 이미지와 함께 fbx에 구운 이미지 재료가 있는 간단한 블록입니다.

텍스처 이미지 데이터가 fbx 파일에 있어야 한다는 뜻인가요?

예. 해당 모델을 잘못 내보냈을 수 있습니다.

fbx 바이너리 데이터에서 이미지 데이터를 찾을 수 없습니다...
구운 텍스처 이미지 데이터 사양을 아는 사람이 있으면 알려주십시오.

아마도 이것을 시도하십시오
block2.fbx.zip

아직도 못찾음...
해당 파일을 다른 뷰어에서 로드할 수 있습니까?

구운 텍스처 이미지 데이터 사양을 아는 사람이 있으면 알려주세요.

블렌더와 3ds max로 block2.fbx.zip 를 열려고 했습니다. 둘 다 파일 이름만 표시하고 이미지는 표시하지 않습니다. 파일에 .../Users/adamclarey/Documents/burger-screen.jpg 에 대한 참조만 있는 것 같습니다.

예, 내 파서는 파일 이름을 추출하지만 이미지 데이터는 추출하지 않습니다.

확인. 내가 뭔가 잘못하고 있는 게 분명해. 블렌더는 사용하기에 가장 직관적인 앱이 아닙니다. 나는 다른 것을 시도할 것이다

이미지 데이터가 3D 내보내기/가져오기 형식(그러나 리소스에 대한 상대 경로만)으로 구워질 수 있다는 말은 들어본 적이 없습니다.

이것이 가능합니까?

방금 깨달았습니다. 가능합니다.

그런 테스트 파일을 만들어 여기에 게시하겠습니다.

좋은 물건입니다.

이 FBX는 3ds max에서 생성되었으며 "미디어 포함" 옵션으로 내보냈습니다.
TestcubeWithImage.zip

3ds max의 스크린샷:

블렌더에서 열림(다른 기계에서):

블렌더에서는 지금까지 구운 이미지로 FBX를 내보내는 옵션을 찾지 못했습니다. 아마도 수출하기 전에 베이킹을 해야 하지 않을까요? - 믹서기에 대한 경험이 없습니다.

@takahirox 3ds max에서도 생성되었지만 "미디어 포함" 옵션 없이 내보낸 동일한 파일이 있습니다.

테스트큐브.zip

비교 목적으로 흥미로울 수 있습니다.

테스트를 위해 다른 파일이 필요하면 여기에 게시하십시오.

TestcubeWithImage.fbx의 Video.ID.properties.Content 속성에서 이미지 데이터처럼 보이는 데이터를 찾았습니다.
이것은 이 스레드에 게시된 다른 바이너리 파일에는 존재하지 않습니다.

자세히 볼게요...

진행... 😄

이제 포함된 텍스처가 괜찮아 보입니다.
애니메이션이 포함된 바이너리 fbx를 공유할 수 있는 사람이 있습니까?

다음은 다양한 종류의 키프레임 애니메이션이 포함된 3개의 테스트 파일입니다.

애니메이션 번역.zip
AnimationMorph.zip
애니메이션본즈.zip

그러나 불행히도 다른 프로그램에서 동일한 방식으로 작동하는 파일을 생성하지 못했습니다.

모두 3ds max로 제작되었습니다.

• 3ds max로 다시 가져올 때 모두 괜찮습니다.
• AnimationTranslate 예제는 Blender 및 Clara.io에서 괜찮습니다.
• AnimationMorph 예제는 Blender에서 괜찮지만 애니메이션은 Clara.io에서 작동하지 않습니다.
• AnimationBones 예제는 Clara.io에서는 괜찮지만 블렌더에서는 애니메이션이 그다지 좋지 않습니다.

@takahirox 우리 팀은 잠시 동안 three.js 바이너리 FBX 파서를 찾고 있었는데, 이것은 정말 멋져 보입니다! 소스를 아직 어디에서나 사용할 수 있도록 하였습니까? 우리의 목적을 위해 FBX에서 메시, 법선, UV 및 시각적 장면을 추출할 수 있어야 하며 잘 작동하는 것 같습니다.

소스를 사용할 수 있는 경우 위치를 알려 주시면 감사하겠습니다.

훌륭한 작업에 감사드립니다!

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

이것은 매우 일시적이라는 점에 유의하십시오.
코드를 정리하고 최적화해야 합니다.
그리고 지금 당장은 기능이 손상될 수 있습니다.

@takahirox 참고: 다른 프로그램에서 몇 가지 테스트를 한 후 이전 의견을 업데이트했습니다.

@jostschmithals

감사 해요.
번역과 뼈가 지금 작동하는 것 같습니다.
FBXLoader는 ASCII 파일에서도 아직 Morph 애니메이션을 지원하지 않습니다.
다음 작품이겠지....

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와 같은 콘솔 출력을 얻습니다.

BTW: Windows 10에서 테스트했습니다.

진전...
이제 애니메이션이 제대로 작동하는 것 같습니다 😄

모델을 로드하는 데 사용하는 코드를 붙여넣을 수 있습니까? 어떤 이유로 그것은 나를 위해로드되지 않습니다.

Testcube 파일을 webgl_loader_fbx.html 예제로 대체하려고 시도했지만(FBXLoader2.js 파일도 교체) 여전히 모델을 렌더링하지 않습니다.

@adam-clarey 그게 바로 내가 한 일이며(물론 애니메이션 비활성화) 다른 변경 없이 작동했습니다.

얼마나 기괴한...

그리고 당신이 TestcubeWithImage.fbx 를 사용하고 합니까 ( @takahirox가 지적했듯이)?
추가 오류 메시지가 있습니까?
어떤 OS를 사용하고 있습니까?
모든 브라우저에서 동일합니까?

AAHHH, 내가 얼마나 멍청한가! 첫 번째 testcube 파일을 찾을 때까지 스크롤을 올렸습니다.

내 실수

안녕하세요! Autodesk에서 내보낸 외부 .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의 파일은 오류가 발생합니다.

"FBXLoader: 알 수 없는 속성 유형"
여기서 'type' 변수는 빈 문자열입니다.

@adam-clarey fbx에 대한 자세한 지식이 없습니다. 이미지 데이터가 모델 파일에 구워질 수 있는지 여부/방법에 대한 흥미로운 질문을 발견했기 때문에 이 스레드에만 참여했습니다. 그래서 저는 이 질문을 @takahirox에게 전달하고 싶습니다.

>=7500의 사양이 <7500과 약간 다르다는 것을 알고 있습니다.
>= 7500을 지원하기 위해 노력하고 있습니다.
테스트를 위해 버전 7500의 바이너리 모델 데이터를 공유할 수 있습니까?

그래서 더 많은 테스트를 거친 후에 7200과 7500이 괜찮은 것 같습니다.

그러나 6100 및 7300은 렌더링되지 않습니다.
house_fs.fbx.zip
더치하우스.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에 로드하는 것이 가장 좋습니다) 다른 형식으로 변환해야 합니다.