# Letters WEBGL letterbox bug

**URL:** <https://discourse.processing.org/t/letters-webgl-letterbox-bug/32757>\
**Category:** p5.js\
**Created:** [October 11, 2021, 5:56pm UTC](https://discourse.processing.org/t/letters-webgl-letterbox-bug/32757 "2021-10-11T17:56:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![samroud](https://avatars.discourse-cdn.com/v4/letter/s/8edcca/32.png) [@samroud](https://discourse.processing.org/u/samroud)\
**Post date:** [October 11, 2021, 5:56pm UTC](https://discourse.processing.org/t/letters-webgl-letterbox-bug/32757/1 "2021-10-11T17:56:25Z")

</div>

Hello,  
With WEBGL and type, I have sometimes a bug \> a black background appear in the letterbox (the «M» in my print screen).

 ![myCanvas-11](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/f/f0347035b6daed8f9b5c83da7728ae473f159720.jpeg)

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [October 11, 2021, 10:20pm UTC](https://discourse.processing.org/t/letters-webgl-letterbox-bug/32757/2 "2021-10-11T22:20:35Z")

</div>

Try **textMode(SHAPE)**

See [https://processing.org/reference/textMode\_.html](https://processing.org/reference/textMode_.html)

---

<div class="post-metadata">

**Author:** ![samroud](https://avatars.discourse-cdn.com/v4/letter/s/8edcca/32.png) [@samroud](https://discourse.processing.org/u/samroud)\
**Post date:** [October 12, 2021, 6:45am UTC](https://discourse.processing.org/t/letters-webgl-letterbox-bug/32757/3 "2021-10-12T06:45:03Z")

</div>

Thank you but I’m working with P5 and I don’t find «textMode»

---

<div class="post-metadata">

**Author:** ![micuat](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/micuat/32/19407_2.png) [@micuat](https://discourse.processing.org/u/micuat)\
**Post date:** [October 12, 2021, 5:32pm UTC](https://discourse.processing.org/t/letters-webgl-letterbox-bug/32757/4 "2021-10-12T17:32:08Z")

</div>

WEBGL on p5.js is still under development (if I understand correctly) so, for example, this is perhaps not implemented. An “easy” fix is to use an additive filter to blend them  
[https://p5js.org/reference/#/p5/blendMode](https://p5js.org/reference/#/p5/blendMode)

If you want “proper” rendering, perhaps you need to generate meshes from points of the contour of texts - I found this example fascinating  
https://openprocessing.org/sketch/956215/embed/?