javascript - XML3D API 方法和场景层次结构

Question

我正在使用XML3D 库来制作一个简单的 3D 编辑器。我想知道这个库的用户是否也应该使用它的 API，或者只是将这个库视为从 XML 场景定义呈现场景的工具。

我需要的第一件事是创建一些js场景表示。有很多用于XML -> JSON转换的工具，但访问XML3D内部场景表示可能是处理场景修改的更好方法。

您能给我关于使用这个库进行场景操作的任何建议吗？

Answer 1

XML3D 的想法是使用DOM API来修改 3D 场景表示。因此，操作场景就像修改网页一样简单。例如，如果您有一个网格：

<mesh id="teapot" src="teapot.json"></mesh>

你可以像这样添加一个事件监听器：

document.querySelector("#teapot").addEventListener("click", function() {
   alert("Hallo");
});

或者使用 jQuery，从场景中移除网格：

$("#teapot").remove();

更多示例也可以在xml3d.js wiki中找到。