performance - three.js: 1024 ピクセルから始まる iPad でのパフォーマンスの低下

Question

three.jswithを使ったウェブサイトを持っていCanvasRendererます。レンダラーのサイズは、ウィンドウ サイズに応じて設定されます。iPad では、サイズは1024 x 672ピクセルです。このサイズでは、パフォーマンスが非常に悪くなります (~1 FPS)。幅を1023ピクセルに減らすと、約 60 FPS になります。

1024 ピクセルに達するとパフォーマンスが大幅に低下する特定の理由はありますか? Firefox でのこの解像度の問題はありません。

Answer 1

特定の数のピクセルがレンダリングされると、一部のブラウザーで HTML5 キャンバス要素のパフォーマンスが大幅に低下するという話を耳にしました。これは、ブラウザ自体のキャッシュの問題であると思われます。質問はまだ答えられていませんが。

65776 ピクセルを超えるキャンバス ソースで drawImage のパフォーマンスが大きく異なるのはなぜですか?

キャンバスを低解像度でレンダリングし、CSS を使用してフル HD に拡大します。