XML3D API 方法和场景层次结构

Question

我正在使用 XML3D library 制作一个简单的 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 中找到。

XML3D API methods and scene hierarchy