如何用three.js检测移动设备上的慢GPU？

Question

我定义了我的游戏非常慢，在旧的移动设备(三星星系S4，IPhone 5)上启用阴影。当我关闭阴影时，它将大大提高性能。

有没有人知道如何检测慢GPU完全关闭阴影在慢速设备或如何提高阴影的性能？

我试着在灯光上使用不同的shadow.mapSize，在渲染器上使用shadowMap.type，但是它并没有提高性能。

一些细节：

我使用PerspectiveCamera和WebGLRenderer，渲染大小为1700x667。

用过的灯：new THREE.AmbientLight(0xffffff, 0.7)和new THREE.SpotLight(0xffffff, 0.4, 4000, 100)

二手材料：MeshPhongMaterial

Answer 1

选项

1. 正如安德烈指出的那样，做一个基准
2. 在创建failIfMajorPerformanceCaveat: true上下文时尝试使用WebGL。
3. 做指纹。查询所有与GPU限制相关的gl.getParameter统计数据，并创建指纹。看看是否有一定的指纹。
4. 尝试获取和使用信息扩展、未屏蔽的呈现程序/供应商字符串(这实际上只是#3的更多数据)。
5. 像大多数PC游戏一样，有一个选项屏幕，让用户选择使用哪些图形功能。