在three.js中显示数千张图片 [英] Display many thousand images in three.js

问题描述

我在一个场景中拥有多达 200'000 张单独的图像(到目前为止是用精灵完成的).我想看看这些精灵，当我飞来飞去时，它们应该始终面向相机(就像精灵一样).我的问题是:如何在 WebGL 方面实现最佳性能?带有 useScreenCoordinates:false 的 Sprite 是否与 GL_POINT 一样呈现?目前，fps 已经下降，图像数量已经非常低.到目前为止，我正在使用 mipmapping 和 sprite.因为他们需要转身面对我，所以我不想使用 BufferGeometry..

I have up to 200'000 individual images in a scene (done with sprites, so far). I want to look at these sprites, and when I fly around they should always face the camera (as sprites do). My question is: How can I achieve the best performance WebGL-wise? Are Sprites with useScreenCoordinates:false rendered as with GL_POINT? At the moment the fps drops with very low image counts already. I'm using mipmapping and sprites so far. And since they need to turn around to face me I didn't want to use BufferGeometry..

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

I'd highly appreciate some ideas and inputs :) Thanks!

PS:重点是您可以飞"过 200'000 张图片并停止/选择您认为有趣的图片

PS: Point of it all is that you can "fly" through 200'000 images and stop/select the ones you figure to be interesting

推荐答案

使用了大量的技术和东西，我将在 http://blogs.fhnw.ch/threejs/ 一旦我一切正常

Used tons of techniques and stuff, I'll be writing about it on http://blogs.fhnw.ch/threejs/ once I got it all working

这篇关于在three.js中显示数千张图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！