javascript - 清除 WebGL Canvas ，Three.JS

Question

我正在使用three.js 中的WebGLRenderer，但无法清除 Canvas 。基本上，我有一种方法可以不断向场景中添加另一个对象，但在添加之前清除子项。例如

group = new THREE.Object3D();

function add(object){
    group.children = [];//clears the group children first
    group.add(object);
}

我想这会让事情变得清楚，但我错了。我习惯于 Canvas 渲染为我做这件事。有人知道我应该如何清除 WebGL Canvas 吗？

Answer 1

清除 Canvas 和清除场景图的子树是两件事。

清除 Canvas 可以通过 renderer.clear() 完成，假设您的 THREE.WebGLRenderer被命名 renderer .

清除场景图的子树可以通过 group.remove.apply(group, group.children) 完成或(在现代 JavaScript 中)group.remove(...group.children) .不建议仅将新数组分配给 group.children ，因为这会干扰内部结构。添加使用 group.add(object)并使用 group.remove(object) 删除.