使用three.js在多维数据集中创建图库

Question

我正在学习使用javascript编写代码的第一步，现在我正在使用three.js尝试使用webgl

问题在于我正试图找到一个起点来制作一个在x轴上慢慢旋转的立方体。

这个立方体将有4种不同的纹理（图像和文本），如果我点击一个纹理，它会将我链接到页面或网站。

我发现制作交互式立方体很容易。在three.js网站上有很多例子，但是要让该多维数据集的每一面互动？

你有什么建议吗？

Answer 1

1. 没有一个盒子，你可以让4个面向外，每个面都有一个质感的材料。
2. 每个飞机都有一个id
3. 将列出与每个ID相对应的网址
4. 添加onclick到场景（基本上它是将鼠标的X，Y转换为从相机投射光线）Detect clicked object in THREE.js

您可以使用Object3D作为父级对它们进行分组，然后只旋转父级。