CODEWITHSUNDEEP
performanceipadthree.jswebkit
fefrei
fefrei

Reputation: 905

three.js: performance drop on iPad beginning at 1024 pixels

I have a website using three.js with CanvasRenderer. The renderer's size is set depending on the window size. On an iPad, the size is 1024 x 672 pixels. With this size, I get extremely bad performance (~1 FPS). If I reduce the width to 1023 Pixels, I get about 60 FPS.

Is there any specific reasion why the performance should drop significantly when hitting 1024 pixels? I don't have any issues with this resolution in Firefox.

Upvotes: 4

Views: 1442

Answers (1)

Culzean
Culzean

Reputation: 359

I have heard about the HTML5 canvas element in some browsers losing a massive amount of performance once a certain number of pixels is being rendered. This would appear to be caching issue with the browser itself. Though the question is still unanswered.

Why does drawImage performance differ greatly with larger than 65776 pixel canvas sources

Render the canvas at a lower resolution and use CSS to scale it up to full HD.

Upvotes: 2

Related Questions