2017-06-05 3 views
0

Wir haben Web GL für eines unserer Produkte verwendet und bis zum letzten Update funktionierte die App gut.Web GL Rendering-Problem in Chrome 58

Seit dem letzten Update wird das Webgl-Rendering in die untere linke Ecke gedrückt und die Szene wird abgeschnitten, um nur in einem kleinen Teil des Bildschirms sichtbar zu sein. Wir haben keine Ahnung, warum dies geschieht und es ist wichtig, dass wir dies beheben.

Es wäre eine echte Hilfe, wenn jemand uns helfen kann, dieses Problem zu beheben, so dass es wieder richtig rendert.

Es funktioniert ordnungsgemäß auf dem Desktop sowohl Mac und Windows, auf dem iPhone funktioniert gut. Es ist nur in Chrom-Android-Version 58 (Neueste Update)

Anbei unten sind die Bilder, die erste ist die richtige Render, und die zweite ist falsch.

Richtiges Bild

Problem Bild

Bitte Hilfe

PS: Wir haben diese auf Nexus 6 getestet

+0

diese aussehen wie CSS-Probleme. Entferne alle Webgls und setze einfach den Hintergrund des Canvas 'Canvas {background: red; } 'und sehen, ob Sie das gleiche Problem bekommen. Stellen Sie auch das [Dokument Viewport] (https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag) – gman

+0

es ist nicht das CSS-Problem, wir haben versucht, was Sie vorgeschlagen, aber das gleiche Problem existiert. Aus irgendeinem Grund ist der Render nur die Größe wie oben gezeigt. Wenn wir die Szene zoomen, kommt das Bild in den kleinen Renderbereich und es wird gerendert –

Antwort

0

Das Problem war, weil der Pufferspeicher in Webgl für mobile Geräte, die Linie

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

war derjenige, der das Problem verursacht.

für mobile Geräte, die nicht die Anti-Aliasing umgehen kann, verwenden Sie einfach

var renderer = new THREE.WebGLRenderer(); 

Dies wird das Problem lösen.