low end devices

[barkingwhale]

In the performance tips section, https://github.com/pixijs/pixi.js/wiki/v4-Performance-Tips, it mentions " On older devices use smaller low res textures "

How do you detect that in a mobile browser?  Especially on iphone/ipad?  The UA string identifies ipad/iphone but not the model numbers.

I would love to use 1/2 size textures on iphone5, but don't want to cripple the experience on iphone7 etc.

Thanks in advance.

[ivan.popelyshev]

var gl = renderer.gl;
var maxTexSize= gl.getParameter(gl.MAX_TEXTURE_SIZE);

 

[barkingwhale]

Thanks Ivan.  Good idea, but my iphone 7 and iphone5c both return 4096.  I've looked at other gl parameters and they are all the same across the devices.  Any other ideas?

[xerver]

That is the way to check the value, not sure I understand your question if this isn't what you want.

[barkingwhale]

Yes,

gl.getParameter(gl.MAX_TEXTURE_SIZE);

is the correct way to get that value.  But both iphone7 and iphone5c return 4096 for that parameter.

What i am asking for is a way at load time, to detect if the device is a lower end iphone so then I can load half rez textures, but keep the full rez for higher end iphones.  This needs to be done on a website through a browser, and so far I've stuck out on ways to detect it.

 

Thanks.

[themoonrat]

Take a look through https://webglstats.com for other webgl parameters you could use to distinguish device performance. I know that older hardware on mobile returns 0 for SAMPLES for example