ThreeJS Android performance

android, javascript, performance, three.js, webgl

Solution

Well I don't think it is android 's fault, because it is slow in my iPhone 6+, too

There is a few performing tips of three js as my experiences:

Larger files, such as vertices & triangles, textures, will consume network resources in loading phase

Try to use BufferGeometry to replace Geometry will result in an amazing performance turning

Apply Geometry.merge method as many as possible

Although geometry utilities such as ExtrudedGeometry can simplify your programming work, it will consume large percentage computational resources like CPU and memory. Instances of buffered geometry will always be my first choice.

Try mesh tools such as mesh lab to simplify the mesh vertices without changing much of the mesh appearance . Trust me, it works.

Try more hard work on shading program coding, they can maximize the GPU

Problem

I started trying out ThreeJS, using this tutorial: http://buildnewgames.com/webgl-threejs/ Now I wanted to try out my result on my Android phone (Nexus 5), and it runs EXTREMELY slowly. I have no clue why that is the case. Because other examples of threejs games on the http://threejs.org/ page run 100% fluid on the phone. For example "Hello Run". Why is my Pong game so slow on mobile and how can I fix it?

Original source