# WEBGL\_depth\_texture extension not supported, cause render issus

**URL:** <https://discourse.threejs.org/t/webgl-depth-texture-extension-not-supported-cause-render-issus/3277>\
**Category:** Questions\
**Tags:** textures, materials\
**Created:** [June 29, 2018, 6:30am UTC](https://discourse.threejs.org/t/webgl-depth-texture-extension-not-supported-cause-render-issus/3277 "2018-06-29T06:30:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Liu\_Hao](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@Liu\_Hao](https://discourse.threejs.org/u/Liu_Hao)\
**Post date:** [June 29, 2018, 6:30am UTC](https://discourse.threejs.org/t/webgl-depth-texture-extension-not-supported-cause-render-issus/3277/1 "2018-06-29T06:30:07Z")

</div>

I got two mobile phone, one display everything OK, even the **EXT\_shader\_texture\_lod** extension not supported.  
another could not display texture, see below

![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/c/cf206796cb0651381411ccd6b85e7b8e74358128.jpg)

this one has three extension not supported:  
**WEBGL\_depth\_texture extension not supported.**  
**OES\_texture\_float\_linear extension not supported.**  
**EXT\_shader\_texture\_lod extension not supported.**

So I guess the WEBGL\_depth\_texture extension is the key point.

So I would like to know which part three.js use this extension, how can I disable it ? so I can make my game run in this old device

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [June 29, 2018, 7:25am UTC](https://discourse.threejs.org/t/webgl-depth-texture-extension-not-supported-cause-render-issus/3277/2 "2018-06-29T07:25:10Z")

</div>

I don’t think the missing extensions cause the rendering issue. What material are you using?

You said one smartphone produces a black output. What GPU does it have?

---

<div class="post-metadata">

**Author:** ![Liu\_Hao](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@Liu\_Hao](https://discourse.threejs.org/u/Liu_Hao)\
**Post date:** [June 29, 2018, 7:43am UTC](https://discourse.threejs.org/t/webgl-depth-texture-extension-not-supported-cause-render-issus/3277/3 "2018-06-29T07:43:17Z")

</div>

The original material is MeshPhongMaterial, after I changed to MeshLembertMaterial, the texture shows, object rendered fine, except some little light reflection effect difference. So maybe the phong material is using the extension

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [June 29, 2018, 7:44am UTC](https://discourse.threejs.org/t/webgl-depth-texture-extension-not-supported-cause-render-issus/3277/4 "2018-06-29T07:44:20Z")

</div>

In this case, I guess it should also work if you are using `MeshPhongMaterial` and set `material.precision` to `mediump`. Can you please check this setup?

---

<div class="post-metadata">

**Author:** ![Liu\_Hao](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@Liu\_Hao](https://discourse.threejs.org/u/Liu_Hao)\
**Post date:** [June 29, 2018, 7:47am UTC](https://discourse.threejs.org/t/webgl-depth-texture-extension-not-supported-cause-render-issus/3277/5 "2018-06-29T07:47:21Z")

</div>

The phone was borrowed， I will try if I get the phone again and let you know

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [June 29, 2018, 7:47am UTC](https://discourse.threejs.org/t/webgl-depth-texture-extension-not-supported-cause-render-issus/3277/6 "2018-06-29T07:47:52Z")

</div>

I suspect a hardware problem. Details here:

> <https://github.com/mrdoob/three.js/issues/14137>