# WebGL Background Image

**URL:** <https://discourse.processing.org/t/webgl-background-image/33121>\
**Category:** Coding Questions\
**Created:** [October 27, 2021, 7:41pm UTC](https://discourse.processing.org/t/webgl-background-image/33121 "2021-10-27T19:41:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rubin](https://avatars.discourse-cdn.com/v4/letter/r/e0b2c6/32.png) [@Rubin](https://discourse.processing.org/u/Rubin)\
**Post date:** [October 27, 2021, 7:41pm UTC](https://discourse.processing.org/t/webgl-background-image/33121/1 "2021-10-27T19:41:41Z")

</div>

I want to make a background image for my WebGL project. Does someone know how to do it?

---

<div class="post-metadata">

**Author:** ![KumuPaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kumupaul/32/13072_2.png) [@KumuPaul](https://discourse.processing.org/u/KumuPaul)\
**Post date:** [October 27, 2021, 7:56pm UTC](https://discourse.processing.org/t/webgl-background-image/33121/2 "2021-10-27T19:56:26Z")

</div>

You might find this useful: [javascript - p5.js WebGL 3d graphics covered by 2d background when rotated - Stack Overflow](https://stackoverflow.com/questions/60769621/p5-js-webgl-3d-graphics-covered-by-2d-background-when-rotated/67665969#67665969)

---

<div class="post-metadata">

**Author:** ![Rubin](https://avatars.discourse-cdn.com/v4/letter/r/e0b2c6/32.png) [@Rubin](https://discourse.processing.org/u/Rubin)\
**Post date:** [October 27, 2021, 8:10pm UTC](https://discourse.processing.org/t/webgl-background-image/33121/4 "2021-10-27T20:10:16Z")

</div>

Thank you very much! At first I thought it didn’t work, then I’ve realized what I did wrong (that’s why I deleted the previous answer).