# Plane with transparent png (studio)

**URL:** <https://forum.8thwall.com/t/plane-with-transparent-png-studio/4492>\
**Category:** Technical Support\
**Created:** [January 15, 2025, 6:17pm UTC](https://forum.8thwall.com/t/plane-with-transparent-png-studio/4492 "2025-01-15T18:17:59Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Corbin\_Ordel3](https://avatars.discourse-cdn.com/v4/letter/c/47e85d/32.png) [@Corbin\_Ordel3](https://forum.8thwall.com/u/Corbin_Ordel3)\
**Post date:** [January 15, 2025, 6:17pm UTC](https://forum.8thwall.com/t/plane-with-transparent-png-studio/4492/1 "2025-01-15T18:17:59Z")

</div>

I am trying add a png to a plane. The image has alpha channel (imagine a centered circle image used as the material for a plane). I am seeing black where the image should be transparent.  
How can I set it so that I will see through the alpha channel?  
I am using this code:

```auto
ecs.PlaneGeometry.set(world, eid, {
  width: 1,
  height: 1,
})

ecs.Material.set(world, eid, {
  textureSrc: 'assets/1.png',
  r: 255,
  g: 255,
  b: 255,
  alpha: true,
  roughness: 0,
  metalness: 0,
  normalScale: 0,
  opacity: 1,
  transparent: true,
  emissiveIntensity: 0,
  side: 'double',
  blending: 'normal',
  repeatX: 1,
  repeatY: 1,
  offsetX: 0,
  offsetY: 0,
  depthTest: true,
  depthWrite: false,
  wireframe: false,
})

```

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [January 15, 2025, 6:39pm UTC](https://forum.8thwall.com/t/plane-with-transparent-png-studio/4492/2 "2025-01-15T18:39:00Z")

</div>

Hi, welcome to the forums!

Try adding `forceTransparent: true` as a property in your schema and see if that fixes the transparency issue.

```ts
ecs.Material.set(world, eid, {
  textureSrc: 'assets/1.png',
  r: 255,
  g: 255,
  b: 255,
  alpha: true,
  roughness: 0,
  metalness: 0,
  normalScale: 0,
  opacity: 1,
  transparent: true,
  emissiveIntensity: 0,
  side: 'double',
  blending: 'normal',
  repeatX: 1,
  repeatY: 1,
  offsetX: 0,
  offsetY: 0,
  depthTest: true,
  depthWrite: false,
  wireframe: false,
  forceTransparent: true
})

```

I’m working to update our docs on this.