2017-06-05 8 views
0

Googleでは、Googleの製品の1つにWeb GLを使用しており、最後のアップデートがアプリが正常に機能するまで使用しています。ChromeのウェブGLレンダリングの問題58

最後の更新以降、Webglレンダリングは左下隅にプッシュダウンされ、シーンは画面の小さな部分にしか表示されないようにクリップされています。なぜこのようなことが起こっているのかわからず、この問題を解決することが重要です。

もう一度正しくレンダリングするためにこの問題を解決するのに役立つ人がいれば本当に助かります。

MacとWindowsの両方でデスクトップで正常に動作しています.iphoneでうまく動作しています。それはクロムアンドロイドバージョン58(最新のアップデート)にのみ存在します

添付されている画像は、最初は右レンダリング、もう1つは間違っています。

正しいイメージ

問題の画像

PS助けてください:我々は問題があるためだったネクサス6

+0

これらはCSSの問題のようです。すべてのwebglを削除し、キャンバスの背景を設定する 'キャンバス{背景:赤; } 'あなたが同じ問題を起こすかどうかを見てください。また、[ドキュメントビューポート](https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag)を設定しています – gman

+0

これはCSSの問題ではありませんが、提案したものを試しましたが、同じ問題が存在します。何らかの理由でレンダリングは上記のサイズだけです。シーンのズームを開始すると、画像は小さなレンダリング領域に入り、レンダリングされます –

答えて

0

でこれをテストしているがモバイルデバイス用のwebglのバッファメモリについては、

var renderer = new THREE.WebGLRenderer({ 
antialias: true, 
}); 

が問題の原因となっていました。アンチエイリアスを扱うことができないモバイルデバイスについては、

はちょうど

var renderer = new THREE.WebGLRenderer(); 

は、この問題を解決する使用します。

関連する問題