在three.js中显示数千个图像

Question

我在场景中有多达200,000个单独的图像（到目前为止，用精灵完成）。我想看看这些精灵，当我飞来飞去时，他们应该总是面对镜头（就像精灵一样）。我的问题是：如何才能实现WebGL的最佳性能？使用withScreenCoordinates的Sprite：与GL_POINT一样呈现false吗？目前，fps已经以非常低的图像数量下降。到目前为止我正在使用mipmapping和sprite。因为他们需要转身面对我，我不想使用BufferGeometry ..

我非常感谢一些想法和意见:)谢谢！

PS：重点是你可以“飞行”通过200,000张图像并停止/选择你认为有趣的图像

Answer 1

我的团队也需要完成这项工作，遗憾的是Doidel的笔记在项目完成之前就已经完成了。我们开发了PixPlot，一个用于图像的three.js可视化层：

我在这里写了一篇博文，概述了这里的细节：http://douglasduhaime.com/posts/visualizing-tsne-maps-with-three-js.html

简而言之，如果其他人面临这个问题，你将需要创建一个几何（理想情况下）一个大图像图集（一个大小为2048像素，2048像素，包含大量较小图像的jpg）作为几何体的纹理。为要显示的每个小图像添加顶点，面和顶点，并从图集纹理中拉出每个图像。

Answer 2

使用了大量的技术和东西，一旦我完成所有工作，我将在http://blogs.fhnw.ch/threejs/上写下它