# Texture from createGraphics broken at seams

**URL:** <https://discourse.processing.org/t/texture-from-creategraphics-broken-at-seams/30440>\
**Category:** Beginners\
**Created:** [June 2, 2021, 12:04pm UTC](https://discourse.processing.org/t/texture-from-creategraphics-broken-at-seams/30440 "2021-06-02T12:04:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![wuwa](https://avatars.discourse-cdn.com/v4/letter/w/51bf81/32.png) [@wuwa](https://discourse.processing.org/u/wuwa)\
**Post date:** [June 2, 2021, 12:04pm UTC](https://discourse.processing.org/t/texture-from-creategraphics-broken-at-seams/30440/1 "2021-06-02T12:04:48Z")

</div>

Hi,  
trying to put a graphic texture on a 3d object using createGraphics() and some black artefacts are always showing… is there a solution to fix this?  
or am i doing something wrong?  
see example here: [https://codepen.io/wuwa/pen/ZEerewO](https://codepen.io/wuwa/pen/ZEerewO)

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [June 2, 2021, 3:27pm UTC](https://discourse.processing.org/t/texture-from-creategraphics-broken-at-seams/30440/2 "2021-06-02T15:27:12Z")

</div>

Hello,

I took this approach (unfinished):

```auto
  graphics = createGraphics(200,200);
  graphics.background('red');
  graphics.noStroke();
  graphics.fill('yellow');
  graphics.rect(0, 0,30,200);
  graphics.fill('red');
  graphics.rect(50,0,30,200);
  graphics.fill('yellow');
  graphics.rect(100,0,30,200);
  graphics.fill('red');
  graphics.rect(150,0,30,200);

```

I also displayed the shape to see what I was texturing with:

```auto
image(graphics, 0, 0);

```

![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/1/1cda64a05e40710ff4e54629c907afc57dbe33f9.png)

Needs some work!  
Back to work… only spent a moment on this.

I will leave this with you.

Updated:  
You can equally space them and remove the background().

![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2ffca13592734b37546a40fb4d8538143b2ecf56.png)

`:)`

---

<div class="post-metadata">

**Author:** ![wuwa](https://avatars.discourse-cdn.com/v4/letter/w/51bf81/32.png) [@wuwa](https://discourse.processing.org/u/wuwa)\
**Post date:** [June 2, 2021, 5:38pm UTC](https://discourse.processing.org/t/texture-from-creategraphics-broken-at-seams/30440/3 "2021-06-02T17:38:56Z")

</div>

thanks - this was what i was missing:  
` graphics.noStroke();`
