ThreeJS Android performance

ThreeJS Android performance

本文关键字:performance Android ThreeJS      更新时间:2023-09-26

我开始尝试ThreeJS,使用这个教程:http://buildnewgames.com/webgl-threejs/

现在我想在我的安卓手机(Nexus 5)上测试我的结果,它运行得非常慢。我不知道为什么会这样。

因为http://threejs.org/页面上的其他three - js游戏在手机上100%流畅运行。例如"Hello Run"

为什么我的乒乓游戏在手机上这么慢,我该如何解决它?

我不认为这是android的错,因为它在我的iPhone 6+上也很慢

根据我的经验,这里有一些关于三个js的表演技巧:

  1. 较大的文件,例如顶点&三角形、纹理会在加载阶段消耗网络资源

  2. 尝试使用BufferGeometry来替换Geometry将导致惊人的性能转向

  3. 应用几何。

  4. 虽然几何工具如ExtrudedGeometry可以简化你的编程工作,但它会消耗大量的计算资源,如CPU和内存。缓冲几何体的实例将永远是我的首选。

  5. 尝试网格工具,如网格实验室,以简化网格顶点,而不改变太多的网格外观。

  6. 在着色程序编码上多下功夫,他们可以最大化GPU

由于设备支持webgl,性能运行不佳。为了运行三个ejs并访问gpu,我很高兴地告诉你有一种方法:)

但不幸的是不是从设备的本机浏览器。

如果有兴趣在一个漂亮的移动应用程序包装,我的设置是这样的…

Cordova + Crosswalk + ThreeJs

请注意,人行横道是一项很酷的新技术,我相信谷歌和英特尔对它的贡献就像他们对Cordova的贡献一样。Cordova为你提供了与设备的原生交互,而crosswalk使webgl的强大功能得以实现。

使用Threejs运行的HTML5应用程序的演示可以从google商店下载>(注意,演示来自Ludei,这是一种类似于crosswalk的技术,但我选择了crosswalk,因为它是开源的。

演示三JS

设置一个项目是相当微风..

你首先创建一个cordova项目,添加你想要的平台,添加人行横道cordova插件,你就可以开始了