<p dir="auto"><strong>Describe the bug</strong></p>
<p dir="auto">This glTF uses the variants extension, though I doubt this is the cause of its textures being scrambled in USDZ, since that doesn't do much to three's scene graph.</p>
<p dir="auto"><strong>To Reproduce</strong></p>
<p dir="auto">Steps to reproduce the behavior:</p>
<ol dir="auto">
<li>Go to <a href="https://modelviewer.dev/examples/scenegraph/#variants" rel="nofollow">https://modelviewer.dev/examples/scenegraph/#variants</a> on iOS Safari</li>
<li>Click on the AR button</li>
<li>Quick Look opens after auto-generating the USDZ, but the textures are random and greyscale.</li>
</ol>
<p dir="auto"><em><strong>Code</strong></em></p>
<p dir="auto">This is part of model-viewer</p>
<p dir="auto"><strong>Expected behavior</strong></p>
<p dir="auto">The models renders more or less as it does on the web, and should reflect either of the chosen variants.</p>
<p dir="auto"><strong>Screenshots</strong></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1649964/119171320-420c8e80-ba19-11eb-8e41-743016b1983f.png"><img src="https://user-images.githubusercontent.com/1649964/119171320-420c8e80-ba19-11eb-8e41-743016b1983f.png" alt="C071D5E7-4116-4397-982B-200D6F1F63B6" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Platform:</strong></p>
<ul dir="auto">
<li>Device: Mobile</li>
<li>OS: iOS</li>
<li>Browser: Safari</li>
<li>Three.js version: r128</li>
</ul>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">SphereGeometry returns a mesh which is not closed at the poles or on the sides. If theta is Pi, then the resulting sphere should be a closed sphere, and if phi is 2*Pi, then the sides should be stitched together as well.</p>
<h5 dir="auto">Three.js version</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Dev</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r79</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> ...</li>
</ul>
<h5 dir="auto">Browser</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Chrome</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Firefox</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Internet Explorer</li>
</ul>
<h5 dir="auto">OS</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Windows</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Linux</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Android</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> IOS</li>
</ul>
<h5 dir="auto">Hardware Requirements (graphics card, VR Device, ...)</h5>