gltf to b3dm

[qdnguyen]

HI,

Thank for your tools!

I have converted a gltf to b3dm file with success but when i use threejs GLTF loader to parse the b3dm file, i got this error:

GLTFLoader.js:980 Uncaught (in promise) TypeError: Cannot read property 'binary_glTF' of undefined
at GLTFLoader.js:980
at _each (GLTFLoader.js:592)
at GLTFLoader.js:978
at

Do you have any idea what is problem?

p/s : I can visualize my gltf file with this online demo without problem (please see attached file)
LYON_1ER_00033.zip

https://gltf-viewer.donmccurdy.com/

My gltf file has 21.4KB but the converted b3dm file takes 187KB, is it possible?

Thank for your reply!

[qdnguyen]

i think it embed the texture by default, i tried to desactivate it without success.

[KermMartian]

2ff30d6 should fix this; please test at your convenience.

[qdnguyen]

Thank you very much for you quick reply, it seem that patch fix the embeded texture problem but i still can not visualize the converted file (both glb and b3dm) with gltf-viewer.

For online viewer (gltf-viewer), i got this error:

Uncaught Error: GLTF2Loader: Legacy binary file detected. Use GLTFLoader instead.
at new GLTFBinaryExtension (bundle.js:863)
at GLTF2Loader.parse (bundle.js:558)
at bundle.js:531
at XMLHttpRequest. (bundle.js:34154)

and for my viewer, i had this error:

GLTFLoader.js:980 Uncaught (in promise) TypeError: Cannot read property 'binary_glTF' of undefined
at GLTFLoader.js:980
at _each (GLTFLoader.js:592)
at GLTFLoader.js:978
at

Do you have any idea?

[qdnguyen]

ok, the problem is that this tool is not compatible with gltf 2.0, if i use older gltfLoader, it work, have you plan to upgrade this tool?

thank anyway

[KermMartian]

I'd certainly like to make it compatible with GLTF 2.0. Do you have any idea about what specifically is incompatible between this tool and GLTF 2.0?

[qdnguyen]

i take a look at GLTFLoader, and i saw that it arrive to parse header, json but not accessor and i do not know why?

i have this error in the function loadAccessors

GLTFLoader.js:1023 Uncaught (in promise) RangeError: Invalid typed array length
at new Float32Array (native)

GLTFParser.prototype.loadAccessors = function () {

		var json = this.json;

		return this._withDependencies( [

			"bufferViews"

		] ).then( function ( dependencies ) {

			return _each( json.accessors, function ( accessor ) {

				var arraybuffer = dependencies.bufferViews[ accessor.bufferView ];
				var itemSize = WEBGL_TYPE_SIZES[ accessor.type ];
				var TypedArray = WEBGL_COMPONENT_TYPES[ accessor.componentType ];

				// For VEC3: itemSize is 3, elementBytes is 4, itemBytes is 12.
				var elementBytes = TypedArray.BYTES_PER_ELEMENT;
				var itemBytes = elementBytes * itemSize;

				// The buffer is not interleaved if the stride is the item size in bytes.
				if ( accessor.byteStride && accessor.byteStride !== itemBytes ) {

					// Use the full buffer if it's interleaved.
					var array = new TypedArray( arraybuffer );

					// Integer parameters to IB/IBA are in array elements, not bytes.
					var ib = new THREE.InterleavedBuffer( array, accessor.byteStride / elementBytes );

					return new THREE.InterleavedBufferAttribute( ib, itemSize, accessor.byteOffset / elementBytes );

				} else {

					**array = new TypedArray( arraybuffer, accessor.byteOffset, accessor.count * itemSize );**

					return new THREE.BufferAttribute( array, itemSize );

				}

			} );

		} );

	};

[KermMartian]

Can you please provide the input GLTF 2.0 file and the command line you're trying to use to convert it for my debugging?

[qdnguyen]

i attache the file here
TilesetBuilding.zip

i have tried with many command line such as
gltf2glb.py -b "" -o LYON_1ER_00042.b3dm LYON_1ER_00042.gltf

gltf2glb.py -c -b "" -o LYON_1ER_00042.b3dm LYON_1ER_00042.gltf

gltf2glb.py LYON_1ER_00042.gltf

the last one generate a glb file then you can test it with threejs gltfLoader

https://threejs.org/examples/#webgl_loader_gltf
http://localhost/Github/threejs/examples/#webgl_loader_gltf2

Thank for your debug!

p/s : I was wrong in my comment a day ago. The glb file, which is generated with your tools, does not work with threejs gltfLoader, but the glb file generated by https://github.com/Qantas94Heavy/binary-gltf-utils/, works well!

[KermMartian]

I was able to use the latest commit to successfully convert your file into a GLB that the three.js example viewer can load. Please verify, and if you replicate my success, I'll close this.

[qdnguyen]

Thank you, but it does not work for me, please see attached photo to have more information!

[iyush1993]

Hi @qdnguyen,
May I know how you converted gltf to b3dm?

[leopessanha74]

I'd like to know how to convert gltf files to b3dm too!