# Alpha on rectangle

**URL:** <https://phaser.discourse.group/t/alpha-on-rectangle/9715>\
**Category:** Phaser 3\
**Created:** [June 3, 2021, 6:34am UTC](https://phaser.discourse.group/t/alpha-on-rectangle/9715 "2021-06-03T06:34:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![atreibout](https://avatars.discourse-cdn.com/v4/letter/a/a88e4f/32.png) [@atreibout](https://phaser.discourse.group/u/atreibout)\
**Post date:** [June 3, 2021, 6:34am UTC](https://phaser.discourse.group/t/alpha-on-rectangle/9715/1 "2021-06-03T06:34:41Z")

</div>

Hi there 🙂

I would like to do a rectangle transparant like that :

`var r1 = this.add.rectangle(400, 200, 480, 80, 0XB45F06 );r1.alpha(0.5);`

but it say

 ![image](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/4/4ab9e18059069cc415a957f6074db3fbd8a30e32.png)

Why i can’t do that please ?

thx, sorry for the newbie i am, i’m doing phaser since 2 weeks only, i find it wonderful, but you know, i still learn 🙂

---

<div class="post-metadata">

**Author:** ![rexrainbow](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/rexrainbow/32/51_2.png) [@rexrainbow](https://phaser.discourse.group/u/rexrainbow)\
**Post date:** [June 3, 2021, 8:36am UTC](https://phaser.discourse.group/t/alpha-on-rectangle/9715/2 "2021-06-03T08:36:10Z")

</div>

```javascript
rect.setFillStyle(color, alpha);
rect.setStrokeStyle(lineWidth, color, alpha);

```

---

<div class="post-metadata">

**Author:** ![atreibout](https://avatars.discourse-cdn.com/v4/letter/a/a88e4f/32.png) [@atreibout](https://phaser.discourse.group/u/atreibout)\
**Post date:** [June 3, 2021, 8:37am UTC](https://phaser.discourse.group/t/alpha-on-rectangle/9715/3 "2021-06-03T08:37:43Z")

</div>

ok i didn’t expect that, thx 🙂

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [June 3, 2021, 3:05pm UTC](https://phaser.discourse.group/t/alpha-on-rectangle/9715/4 "2021-06-03T15:05:21Z")

</div>

```javascript
r1.setAlpha(0.5);

```

or

```javascript
r1.alpha = 0.5;

```