3

我在一个场景中有多达 200'000 个单独的图像（到目前为止，使用精灵完成）。我想看看这些精灵，当我飞来飞去时，它们应该总是面向相机（就像精灵一样）。我的问题是：如何在 WebGL 方面实现最佳性能？具有 useScreenCoordinates:false 的 Sprite 是否与 GL_POINT 一样呈现？目前，fps 已经下降，图像数量已经非常低。到目前为止，我正在使用 mipmapping 和 sprites。而且由于他们需要转身面对我，我不想使用 BufferGeometry..

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

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

4

2 回答 2

2

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

在此处输入图像描述

我在这里整理了一篇博客文章，概述了详细信息：http: //douglasduhaime.com/posts/visualizing-tsne-maps-with-three-js.html

简而言之，如果其他人面临这个问题，您将希望（理想情况下）创建一个几何图形，其中一个大图像图集（大小为 2048 像素 x 2048 像素的单个 jpg 包含许多较小的图像）用作几何图形的纹理。为要显示的每个小图像添加顶点、面和 vertexUV，并从 atlas 纹理中提取每个图像。

于 2017-12-27T13:23:52.193 回答
-3

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

于 2013-12-02T12:03:13.423 回答