# 3d shape with different texture (easy way)?

**URL:** <https://discourse.processing.org/t/3d-shape-with-different-texture-easy-way/2764>\
**Category:** Coding Questions\
**Created:** [August 18, 2018, 10:25pm UTC](https://discourse.processing.org/t/3d-shape-with-different-texture-easy-way/2764 "2018-08-18T22:25:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Laurent](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@Laurent](https://discourse.processing.org/u/Laurent)\
**Post date:** [August 18, 2018, 10:25pm UTC](https://discourse.processing.org/t/3d-shape-with-different-texture-easy-way/2764/1 "2018-08-18T22:25:39Z")

</div>

Hi everyone! Certainly a basic question but… is it possibe to add different textures to a 3d basic shape (for instance a cube)? Using p5.js (and not webgl ou three.js). And if possible without creating a set of different basic shapes (for instance 6 planes or rectangles) ? But as simple as possible, in order to use it with programming beginners. I’d like to use such a feature in programming lessons for beginners at highschool.

Thanks for advices! 😄

Laurent

---

<div class="post-metadata">

**Author:** ![TheWizardBear](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/thewizardbear/32/3552_2.png) [@TheWizardBear](https://discourse.processing.org/u/TheWizardBear)\
**Post date:** [August 19, 2018, 8:38am UTC](https://discourse.processing.org/t/3d-shape-with-different-texture-easy-way/2764/2 "2018-08-19T08:38:46Z")

</div>

In all of the examples I could find, WebGL was used:

- [examples | p5.js](https://p5js.org/examples/3d-textures.html)

- [examples | p5.js](https://p5js.org/examples/3d-materials.html)

[![](https://img.youtube.com/vi/O1mYw-3Wl_Q/maxresdefault.jpg "18.4: Texture - WebGL and p5.js Tutorial") ](https://www.youtube.com/watch?v=O1mYw-3Wl_Q)

I’m not sure, but this might mean that p5.js can’t texture 3D materials on its own and that it instead relies on other APIs/libraries.

(Though Processing’s P2D and P3D can.)

---

<div class="post-metadata">

**Author:** ![Laurent](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@Laurent](https://discourse.processing.org/u/Laurent)\
**Post date:** [August 19, 2018, 8:19pm UTC](https://discourse.processing.org/t/3d-shape-with-different-texture-easy-way/2764/3 "2018-08-19T20:19:40Z")

</div>

Thanks TheWizardBear! My own research arrives to same finding. Would be nice if people developping p5.js could add this feature, at least for basic 3d shape as a box. It would have nice effect on beginners motivation! But being able to add a single texture is already great, thanks folks!. And more especially when texture can be a video. Maybe on next version.

By the way, does someone know where we can give feedback and suggestion to this p5.js great developers team? 😀

1

---

<div class="post-metadata">

**Author:** ![kfrajer](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kfrajer/32/196_2.png) [@kfrajer](https://discourse.processing.org/u/kfrajer)\
**Post date:** [August 20, 2018, 12:28am UTC](https://discourse.processing.org/t/3d-shape-with-different-texture-easy-way/2764/4 "2018-08-20T00:28:43Z")

</div>

My experience is this:

For bug fixes or feature request, you can create a ticket in github.

For fixing an actual bug, open the ticket and then follow with a PR. More specifics [here](https://github.com/processing/processing/wiki/Report-Bugs)

For questions about code, just post here in the forum.

Kf