# Animating individual characters in bitmap text

**URL:** <https://phaser.discourse.group/t/animating-individual-characters-in-bitmap-text/13135>\
**Category:** Phaser 3\
**Created:** [April 11, 2023, 10:42am UTC](https://phaser.discourse.group/t/animating-individual-characters-in-bitmap-text/13135 "2023-04-11T10:42:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![chrispy](https://avatars.discourse-cdn.com/v4/letter/c/c2a13f/32.png) [@chrispy](https://phaser.discourse.group/u/chrispy)\
**Post date:** [April 11, 2023, 10:42am UTC](https://phaser.discourse.group/t/animating-individual-characters-in-bitmap-text/13135/1 "2023-04-11T10:42:09Z")

</div>

Hi, as specified in title I’ve been trying to animate individual characters in bitmap text. I would like to use tweens to scale, rotate etc. I was able to access glyphs and animate them but quickly realized that it acutally changes the source font and such all of that character type used in the text at once. I kept looking and found some examples where you can listen to updates and modifiy properties of each character. This is an example of making characters rotate: [Phaser 3](https://labs.phaser.io/view.html?src=src/3.60%5Cgame%20objects%5Cbitmaptext%5Cdynamic%5Cdisplay%20callback%20rotation%20effect.js)  
Its very close to what I need BUT I can’t figure out how to change the pivot/center to spin/scale etc around. Anyone know if there is some way to change this?

Thanks for any help  
/C

---

<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:** [April 11, 2023, 3:13pm UTC](https://phaser.discourse.group/t/animating-individual-characters-in-bitmap-text/13135/2 "2023-04-11T15:13:34Z")

</div>

I don’t think the character origin is modifiable.

- [Phaser.Types.GameObjects.BitmapText.DisplayCallbackConfig](https://newdocs.phaser.io/docs/3.55.2/Phaser.Types.GameObjects.BitmapText.DisplayCallbackConfig)

---

<div class="post-metadata">

**Author:** ![chrispy](https://avatars.discourse-cdn.com/v4/letter/c/c2a13f/32.png) [@chrispy](https://phaser.discourse.group/u/chrispy)\
**Post date:** [April 12, 2023, 4:34am UTC](https://phaser.discourse.group/t/animating-individual-characters-in-bitmap-text/13135/3 "2023-04-12T04:34:23Z")

</div>

Hi Samme,

Yeah, I was afraid that was the case. I wonder if there’s any way to reach the individual characters somehow, they must be stored somewhere right? Maybe just make a hack that changes them directly.

Anyway, thanks fo taking time to answer.

Br  
C

---

<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:** [April 12, 2023, 3:41pm UTC](https://phaser.discourse.group/t/animating-individual-characters-in-bitmap-text/13135/4 "2023-04-12T15:41:27Z")

</div>

I think you would have to override the rendering functions.

Another way would be to make a Render Texture for each character.