three.js editor 加载场景增加loading

要在使用Three.js Editor加载场景时增加loading效果，可以使用以下步骤：

1. 首先，你需要在HTML页面中添加一个loading的元素，例如一个div或者canvas元素，用于显示加载的进度条或动画。

2. 接下来，在Three.js Editor中加载场景之前，你可以使用Three.js的LoadingManager来管理资源的加载过程。创建一个新的LoadingManager对象，并设置onProgress函数来监听资源加载的进度。在这个函数中，你可以更新loading元素的显示，以反映加载进度。

3. 在场景加载完成后，你可以将loading元素从页面中移除，然后显示场景。

以下是一个基本的代码示例，用于加载场景并显示loading效果：

// 创建一个新的loading元素，并添加到页面中
var loadingElement = document.createElement('div');
loadingElement.innerHTML = 'Loading...';
document.body.appendChild(loadingElement);

// 创建一个新的LoadingManager对象，并设置onProgress函数
var loadingManager = new THREE.LoadingManager();
loadingManager.onProgress = function(item, loaded, total) {
  // 更新loading元素的显示
  loadingElement.innerHTML = 'Loading ' + Math.round(loaded / total * 100) + '%';
};

// 加载场景
var loader = new THREE.ObjectLoader(loadingManager);
loader.load('scene.json', function(scene) {
  // 移除loading元素
  loadingElement.remove();

  // 显示场景
 renderer.render(scene, camera);
});

在这个示例中，我们创建了一个新的loading元素，并添加到页面中。然后，我们创建了一个新的LoadingManager对象，并设置onProgress函数来更新loading元素的显示。最后，我们使用ObjectLoader加载场景，并在加载完成后移除loading元素并显示场景。