<h5 dir="auto">Description of the problem</h5>
<p dir="auto">The examples for <a href="https://threejs.org/examples/?q=phong#webgl_materials_variations_phong" rel="nofollow">phong</a> and <a href="https://threejs.org/examples/?q=standard#webgl_materials_variations_standard" rel="nofollow">standard</a> materials are broken on Adreno 308 phones.<br>
<del>I'm gonna try other GPUs as well.</del> did it, results below</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/7824814/81801624-a9af1480-954f-11ea-9592-29db9c763c21.jpg"><img src="https://user-images.githubusercontent.com/7824814/81801624-a9af1480-954f-11ea-9592-29db9c763c21.jpg" alt="Android%20One%20S2_20200513_192627" style="max-width: 100%;"></a></p>
<h5 dir="auto">Three.js version</h5>
<p dir="auto">r116</p>
<h5 dir="auto">Environments</h5>
<ul dir="auto">
<li>
<p dir="auto">Adreno 308</p>
<ul dir="auto">
<li>Android One S2, Android 8.0.0, Chrome 81</li>
<li>it LGV36, Android 8.1.0, Chrome 81</li>
<li>Galaxy J4+ SM-J415N, Android 8.1.1, Chrome 81</li>
</ul>
</li>
<li>
<p dir="auto">DID NOT repro @ Adreno 306</p>
<ul dir="auto">
<li>Galaxy J5(2016) SM-J510S, Android 6.0.1, Chrome 81</li>
</ul>
</li>
<li>
<p dir="auto">DID NOT repro @ Adreno 430</p>
<ul dir="auto">
<li>Xperia Z5 SO-01H, Android 7.0, Chrome 81</li>
</ul>
</li>
</ul>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">Three.js Standard Material textures are rendered as solid black. eg <a href="https://threejs.org/docs/scenes/material-browser.html#MeshStandardMaterial" rel="nofollow">https://threejs.org/docs/scenes/material-browser.html#MeshStandardMaterial</a> doesn't work with the inital settings (appears all black).</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/493968/40514334-96971cf0-5f5d-11e8-8837-1e57a1b3a80f.png"><img src="https://user-images.githubusercontent.com/493968/40514334-96971cf0-5f5d-11e8-8837-1e57a1b3a80f.png" alt="screenshot from 2018-05-24 14 19 45" style="max-width: 100%;"></a></p>
<p dir="auto">Changing background color to something other than black reveals the object as a black silhouette (despite it's initial material being set to a non-black color).</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/493968/40514423-f1a6f8cc-5f5d-11e8-9aac-7abf12bcb430.png"><img src="https://user-images.githubusercontent.com/493968/40514423-f1a6f8cc-5f5d-11e8-9aac-7abf12bcb430.png" alt="screenshot from 2018-05-24 14 21 43" style="max-width: 100%;"></a></p>
<p dir="auto">Interesting, changing the material to have an emissive color seems to work fine</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/493968/40514442-fee523e2-5f5d-11e8-9555-8ad5b951ef77.png"><img src="https://user-images.githubusercontent.com/493968/40514442-fee523e2-5f5d-11e8-9555-8ad5b951ef77.png" alt="screenshot from 2018-05-24 14 22 31" style="max-width: 100%;"></a></p>
<p dir="auto">Not sure if this is problem caused by one of the two texture warnings I'm seeing? (visible in those screenshots' consoles)</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="three.min.js:35 THREE.WebGLRenderer: WEBGL_depth_texture extension not supported.
three.min.js:35 THREE.WebGLRenderer: OES_texture_float_linear extension not supported."><pre class="notranslate"><code class="notranslate">three.min.js:35 THREE.WebGLRenderer: WEBGL_depth_texture extension not supported.
three.min.js:35 THREE.WebGLRenderer: OES_texture_float_linear extension not supported.
</code></pre></div>
<p dir="auto">This doesn't appear to be a problem with all WebGL texturing, though -- <a href="https://fltr.world/" rel="nofollow">https://fltr.world/</a> (simple texture demo implemented with three.js shaders) works fine, as does <a href="https://webglsamples.org/aquarium/aquarium.html" rel="nofollow">https://webglsamples.org/aquarium/aquarium.html</a></p>
<p dir="auto">I'm seeing this using Chrome 66.0.3359.158 with LG's stock Android 7.0  (version M21010v; January 1, 2018 security update) with on both my LG Aristo (LG-M210) and my LG Fiesta (LG L63BL)</p>
<p dir="auto">Also reported in A-frame here: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="311502297" data-permission-text="Title is private" data-url="https://github.com/aframevr/aframe/issues/3523" data-hovercard-type="issue" data-hovercard-url="/aframevr/aframe/issues/3523/hovercard" href="https://github.com/aframevr/aframe/issues/3523">aframevr/aframe#3523</a><br>
And here: <a href="https://stackoverflow.com/questions/40010080/scene-rendering-black-when-entering-vr-mode-in-a-frame" rel="nofollow">https://stackoverflow.com/questions/40010080/scene-rendering-black-when-entering-vr-mode-in-a-frame</a></p>

<h5 dir="auto">Browser</h5>
<p dir="auto">I've only tested on Android's Chrome, but it has also been reported on (the Android version of) Firefox and the default Android browser: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="311502297" data-permission-text="Title is private" data-url="https://github.com/aframevr/aframe/issues/3523" data-hovercard-type="issue" data-hovercard-url="/aframevr/aframe/issues/3523/hovercard?comment_id=391611976&amp;comment_type=issue_comment" href="https://github.com/aframevr/aframe/issues/3523#issuecomment-391611976">aframevr/aframe#3523 (comment)</a></p>
<h5 dir="auto">OS</h5>
<p dir="auto">Android <em>7+</em></p>
<h5 dir="auto">Hardware Requirements (graphics card, VR Device, ...)</h5>
<p dir="auto">Relevant Android device running Android 7+. Reported to be reproducible on:</p>
<ul dir="auto">
<li>LG Aristo (LG-M210) (by me)</li>
<li>LG Fiesta (LG L63BL) (by me)</li>
<li><a href="https://stackoverflow.com/questions/48156560/all-shapes-entities-showing-up-as-black-in-a-frame-scenes#comment83332908_48156560" rel="nofollow">Motorolla Moto G3</a></li>
<li><a href="https://stackoverflow.com/questions/48156560/all-shapes-entities-showing-up-as-black-in-a-frame-scenes#comment83332908_48156560" rel="nofollow">Samsung Galaxy J3 Mission (SM-J327VPP)</a></li>
</ul>
<p dir="auto"><em>Edit</em>: if this is indeed the same issue as that reported in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="274623432" data-permission-text="Title is private" data-url="https://github.com/mrdoob/three.js/issues/12679" data-hovercard-type="issue" data-hovercard-url="/mrdoob/three.js/issues/12679/hovercard" href="https://github.com/mrdoob/three.js/issues/12679">#12679</a>, then the following devices also exhibit the problem:</p>
<ul dir="auto">
<li><a href="">Huaweï MediaPad T3 10 (AGS-L09) - Androïd 7 / EMUI 5.1 / Snapdragon 425 / 2Go RAM / 800x1280</a></li>
<li><a href="https://github.com/mrdoob/three.js/issues/12679#issuecomment-375877692" data-hovercard-type="issue" data-hovercard-url="/mrdoob/three.js/issues/12679/hovercard">Samsung SM-T555 (Galaxy A)</a><br>
[- Xiaomi Redmi 4A, Android 7.1.2, MIUI 9.2.6.0</li>
<li>Acer Predator 8 (GT-810 rolex), Android 7.1</li>
<li>LG K20 Plus (lv517), Android 7.0</li>
<li>Galaxy Tab A 9.7 (gt510wifi), Android 7.1</li>
<li>Moto G4 Play (harpia), Android 7.1</li>
<li>Galaxy Tab E 9.6 (gtelwifiue), Android 7.1</li>
<li>Galaxy J5(2016) (j5xnlte), Android 7.1</li>
<li>Galaxy Tab A 9.7 (gt510wifi), Android 7.1</li>
<li>HM NOTE 1LTETD (dior), Android 4.4](<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="274623432" data-permission-text="Title is private" data-url="https://github.com/mrdoob/three.js/issues/12679" data-hovercard-type="issue" data-hovercard-url="/mrdoob/three.js/issues/12679/hovercard?comment_id=375980801&amp;comment_type=issue_comment" href="https://github.com/mrdoob/three.js/issues/12679#issuecomment-375980801">#12679 (comment)</a>)</li>
</ul>
<p dir="auto">And the following do not:</p>
<ul dir="auto">
<li>Huaweï P8 Lite (Android 6 + EMUI 5.1)</li>
<li>Huaweï P9</li>
<li>HTC Nexus 9 (Android 7.1.1)</li>
<li>Galaxy Tab A 2016 ( Android 7)</li>
</ul>
<p dir="auto">However the issue does <em>not</em> seem to appear on:</p>
<ul dir="auto">
<li><a href="https://stackoverflow.com/questions/48156560/all-shapes-entities-showing-up-as-black-in-a-frame-scenes#comment83332908_48156560" rel="nofollow">Samsung Galaxy J3 (SM-J327T) also running Android 7.0</a></li>
<li><a href="https://stackoverflow.com/questions/48156560/all-shapes-entities-showing-up-as-black-in-a-frame-scenes#comment83292249_48156560" rel="nofollow">Pixel 2</a></li>
</ul>
<p dir="auto">I have several devices that exhibit the failure. Happy to either run test cases or supply one to test if someone wants to work on this who is located in the SF Bay area.</p>
<p dir="auto">In searching, also found this issue: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="260866221" data-permission-text="Title is private" data-url="https://github.com/rnc-archive/react-native-webgl/issues/21" data-hovercard-type="issue" data-hovercard-url="/rnc-archive/react-native-webgl/issues/21/hovercard" href="https://github.com/rnc-archive/react-native-webgl/issues/21">rnc-archive/react-native-webgl#21</a> It has similar symptoms (black textures on Android), but pretty sure it's a different root problem</p>