Any way to use DracoLoader without going back to HTML import tags?

NickNothom · June 15, 2019, 7:23am

Hello, I’m developing a new Three.JS site, and I’m having a great time so far.

I’m importing everything as modules (the docs seem to suggest that as the preferred way to develop), but I’m stuck on getting Draco decoding working. Since it’s not provided as a module. It’s also not included in the 3rd party three-full npm module.

I saw some mention about a workaround using imports-loader but I don’t understand how it works. I can’t find any examples.

Am I missing something? Or is it just not possible to use draco compression and importing as modules at the same time?

Mugen87 · June 15, 2019, 2:06pm

DracoLoader will be available as a module with the next release R106 at the end of this month. Here is the current version from the dev branch.

github.com

mrdoob/three.js/blob/dev/examples/jsm/loaders/DRACOLoader.js

/** Copyright 2016 The Draco Authors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import {
	BufferGeometry,
	DefaultLoadingManager,
	FileLoader,
	Float32BufferAttribute,

This file has been truncated. show original

NickNothom · June 15, 2019, 6:42pm

Awesome! That’s great to hear.

Until that point, what would be the smartest way to keep moving? Switch to the dev branch? Move that file into my current installation?

Otherwise I can just wait and implement compression once R106 is released.

Thanks for the help!

Mugen87 · June 15, 2019, 7:59pm

If adding compression is a non time-ctritical task in your project, I would do this. In this way, you can use THREE.DracoLoader from the npm package.

However, you still have to copy the decoder files from the following directory to your project and refer to them via THREE.DRACOLoader.setDecoderPath(). It’s everything explained in the respective README (we are not sure how to handle these files yet so this remains a manual step).

https://github.com/mrdoob/three.js/tree/dev/examples/js/libs/draco

Topic		Replies	Views
How to use DRACOLoader with GLTFLoader with bare module imports? Questions modules	24	5399	July 7, 2023
Dracoloader : uncaught (in promise) error Questions loaders , draco-loader	3	1522	October 20, 2021
Having problems using Draco loader to load my GLB file with Draco compression Questions threejs , draco_decoder , draco-loader	1	61	April 11, 2024
How to use DRACOLoader with GLTFLoader in ReactJs? Questions gltf-loader , draco	5	4727	July 16, 2019
How to use draco loader? Questions gltf-loader , draco	32	20985	October 7, 2021

Any way to use DracoLoader without going back to HTML import tags?

Related Topics