为以下代码增加three.js加载进度条：const scene = new THREE.Scene() // 创建一个 THREE.Object3D 对象 const sceneData1 = new THREE.Object3D() // 使用 JSONLoader 加载导出的数据文件 const loader = new THREE.ObjectLoader() const obj = loader.parse(sceneData.scene) scene.add(obj)

为了增加three.js加载进度条，我们需要进行以下步骤：

1. 创建一个HTML元素来显示加载进度条。可以使用HTML5的canvas元素来制作进度条，也可以使用其他的库，如ProgressBar.js等。

2. 使用THREE.LoadingManager来加载模型文件。这个类可以用来跟踪加载的资源的进度，并在所有资源加载完成后调用回调函数。

3. 给THREE.ObjectLoader添加一个onProgress回调函数，在加载每个文件时更新进度条。

下面是修改后的代码示例：

const scene = new THREE.Scene();
const sceneData1 = new THREE.Object3D();

// 创建一个LoadingManager对象
const loadingManager = new THREE.LoadingManager();

// 创建一个HTML元素来显示进度条
const progressBar = document.createElement('canvas');
progressBar.width = 200;
progressBar.height = 20;
document.body.appendChild(progressBar);

// 使用ObjectLoader加载模型
const loader = new THREE.ObjectLoader(loadingManager);
loader.load('model.json', function (obj) {
    scene.add(obj);
});

// 添加一个onProgress回调函数来更新进度条
loadingManager.onProgress = function (url, itemsLoaded, itemsTotal) {
    const ctx = progressBar.getContext('2d');
    const progress = itemsLoaded / itemsTotal;
    ctx.fillStyle = '#ffffff';
    ctx.fillRect(0, 0, progressBar.width * progress, progressBar.height);
};

在上面的代码中，我们首先创建了一个THREE.LoadingManager对象和一个HTML canvas元素来显示进度条。然后，我们使用THREE.ObjectLoader加载模型文件，并添加一个onProgress回调函数来更新进度条。最后，我们将模型添加到场景中。

注意：上面的示例中使用的是THREE.ObjectLoader来加载模型文件，如果需要加载其他类型的资源文件，如纹理、音频等，可以使用相应的加载器，并在THREE.LoadingManager对象中注册相应的加载器。