# "Text Sprite" extension

**URL:** https://forum.makecode.com/t/text-sprite-extension/2259
**Category:** Arcade
**Tags:** extension
**Created:** [May 29, 2020, 1:22am UTC](https://forum.makecode.com/t/text-sprite-extension/2259 "2020-05-29T01:22:58Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)
#### Post date: [May 29, 2020, 1:22am UTC](https://forum.makecode.com/t/text-sprite-extension/2259/1 "2020-05-29T01:22:59Z")

</div>

Hello world,

I’m working on an extension that makes it easier to have text in your game. The big motivations for me are for creating custom UI and HUD elements as well as signage in games. Using this extension, you can basically duplicate the built-in life, score and countdown elements.

These are the blocks:

 ![Screen Shot 2020-05-28 at 6.14.42 PM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/1X/2f63908dba4bce0923bdb85c9648bdeed7f11837.png)

and the expandable blocks expanded:  
 ![Screen Shot 2020-05-28 at 6.15.06 PM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/0/0c50f4cb8b854ce2ce5ffec76ef6701ef2402f5e.png)

 ![Screen Shot 2020-05-28 at 6.14.59 PM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/0/0ed441b8e073a2a57ebc8512a036d432c8a9d673.png)

This extension handles unicode. If non-ascii characters are entered, a unicode font will be used.  
A maximum height for the text can be specified. Since our fonts in Arcade are limited, this will always be rounded down to a multiple of 5, 8, or 12. We try to use the most appropriate font for your size and whether or not unicode is present.

And of course since these are sprites all the other sprite functions work with these.

Here’s the extension:

> **[microsoft/arcade-text](https://github.com/microsoft/arcade-text)**
>
> Contribute to microsoft/arcade-text development by creating an account on GitHub.

Here’s a sample:

> **[test arcade-text](https://arcade.makecode.com/09733-61193-97488-18091)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/4/48768a1186ed091cef69651214cded57f43c518b.png)

Future work:

- What about word wrapping?
  - Likely answer: allow an optional “max width” and wrap appropriately

---

<div class="post-metadata">

### Author: ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)
#### Post date: [May 29, 2020, 4:43pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/2 "2020-05-29T16:43:23Z")

</div>

@darzu [here](https://github.com/riknoll/arcade-story/blob/master/text.ts#L46) is that word wrapping code I mentioned the other day. Looking at it now, it’s not complicated at all but at least I figured out the text ranges for punctuation!

---

<div class="post-metadata">

### Author: ![reyhanPanci256](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/reyhanpanci256/32/1770_2.png) [@reyhanPanci256](https://forum.makecode.com/u/reyhanPanci256)
#### Post date: [June 2, 2020, 7:41am UTC](https://forum.makecode.com/t/text-sprite-extension/2259/3 "2020-06-02T07:41:12Z")

</div>

is there a way to update the text i real time?

---

<div class="post-metadata">

### Author: ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)
#### Post date: [June 2, 2020, 5:50pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/4 "2020-06-02T17:50:34Z")

</div>

Yes, the “set textSprite text (”")" block can be called as frequently as you like, perhaps in a “on game update” block if you want to report a frequently changing timer or score

---

<div class="post-metadata">

### Author: ![Dreadmask197](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/dreadmask197/32/10494_2.png) [@Dreadmask197](https://forum.makecode.com/u/Dreadmask197)
#### Post date: [October 5, 2020, 10:32pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/5 "2020-10-05T22:32:01Z")

</div>

Is that the “Water” in Japanese? I knew that because… well I just know it.

---

<div class="post-metadata">

### Author: ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)
#### Post date: [October 6, 2020, 1:20am UTC](https://forum.makecode.com/t/text-sprite-extension/2259/6 "2020-10-06T01:20:32Z")

</div>

Its water in Chinese.

 ![Screenshot_20201005-212006](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/3/303fccf1a575e71736a9966d81abd663e05a3fff.png)

---

<div class="post-metadata">

### Author: ![LcAtonal](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/lcatonal/32/16800_2.png) [@LcAtonal](https://forum.makecode.com/u/LcAtonal)
#### Post date: [October 6, 2020, 7:57am UTC](https://forum.makecode.com/t/text-sprite-extension/2259/7 "2020-10-06T07:57:32Z")

</div>

Gonna speak some chinese.

我在进什么?

Just to prevent any racism.

---

<div class="post-metadata">

### Author: ![Dreadmask197](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/dreadmask197/32/10494_2.png) [@Dreadmask197](https://forum.makecode.com/u/Dreadmask197)
#### Post date: [October 6, 2020, 12:26pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/8 "2020-10-06T12:26:42Z")

</div>

I am Asian. I know what that means. You said: What am I doing?

---

<div class="post-metadata">

### Author: ![LcAtonal](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/lcatonal/32/16800_2.png) [@LcAtonal](https://forum.makecode.com/u/LcAtonal)
#### Post date: [October 6, 2020, 1:04pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/9 "2020-10-06T13:04:38Z")

</div>

Me too.  
It actually means what did I say.

---

<div class="post-metadata">

### Author: ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)
#### Post date: [October 6, 2020, 1:14pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/10 "2020-10-06T13:14:57Z")

</div>

I thought it meant what did I say too

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/7/7a58f996344cd8e0c360626c0b454aebed341493.png)

This is getting offtopic 😅

---

<div class="post-metadata">

### Author: ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)
#### Post date: [October 6, 2020, 5:07pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/11 "2020-10-06T17:07:32Z")

</div>

Looks like it might mean water in both Japanese and Chinese, so I think you’re both right?

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/b/bd802612d5a635f6092d1dff92e56a5b48c266a8.png)

Also, I updated the links in this forum post with new links now that the extension is officially being release and maintained by MakeCode. Going forward updates to the extension will happen to the microsoft/arcade-text repo not the darzu/arcade-text one.

On that note, there’s a new block:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/c/c107da726fba15971af6ab2f7dcbf54ba7ebfaa9.png)

that can be used for awesome outlines like:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/2/278c639f23a30921c5e789c1fee17ea998b5513b.png)

---

<div class="post-metadata">

### Author: ![Dreadmask197](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/dreadmask197/32/10494_2.png) [@Dreadmask197](https://forum.makecode.com/u/Dreadmask197)
#### Post date: [October 6, 2020, 5:47pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/12 "2020-10-06T17:47:52Z")

</div>

WOW!!! That’s so cool

---

<div class="post-metadata">

### Author: ![Dreadmask197](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/dreadmask197/32/10494_2.png) [@Dreadmask197](https://forum.makecode.com/u/Dreadmask197)
#### Post date: [October 6, 2020, 5:53pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/13 "2020-10-06T17:53:56Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/9/9e255f4649b4f58e9297dc3f826c469286c28c97.png)  
I see it now

---

<div class="post-metadata">

### Author: ![Japanjot](https://avatars.discourse-cdn.com/v4/letter/j/b5ac83/32.png) [@Japanjot](https://forum.makecode.com/u/Japanjot)
#### Post date: [March 13, 2023, 3:47pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/14 "2023-03-13T15:47:34Z")

</div>

overlap function is not working

---

<div class="post-metadata">

### Author: ![Japanjot](https://avatars.discourse-cdn.com/v4/letter/j/b5ac83/32.png) [@Japanjot](https://forum.makecode.com/u/Japanjot)
#### Post date: [March 13, 2023, 3:47pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/15 "2023-03-13T15:47:35Z")

</div>

how can I show my text in squared box

---

<div class="post-metadata">

### Author: ![Errorpixel](https://avatars.discourse-cdn.com/v4/letter/e/bc79bd/32.png) [@Errorpixel](https://forum.makecode.com/u/Errorpixel)
#### Post date: [March 27, 2025, 8:59pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/16 "2025-03-27T20:59:27Z")

</div>

I have no clue on what’s going on but the extension seems to be gone from the extensions tab. I know that it was there a month or two before so did anything happen to it?

---

<div class="post-metadata">

### Author: ![richard](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/richard/32/5417_2.png) [@richard](https://forum.makecode.com/u/richard)
#### Post date: [March 27, 2025, 8:59pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/17 "2025-03-27T20:59:45Z")

</div>

oh hey, you’re right. i wonder when that happened… let me take a look

---

<div class="post-metadata">

### Author: ![Josef](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/josef/32/12457_2.png) [@Josef](https://forum.makecode.com/u/Josef)
#### Post date: [March 28, 2025, 1:45am UTC](https://forum.makecode.com/t/text-sprite-extension/2259/18 "2025-03-28T01:45:54Z")

</div>

also only use this for other languages. use fancy text

---

<div class="post-metadata">

### Author: ![Josef](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/josef/32/12457_2.png) [@Josef](https://forum.makecode.com/u/Josef)
#### Post date: [March 28, 2025, 1:45am UTC](https://forum.makecode.com/t/text-sprite-extension/2259/19 "2025-03-28T01:45:56Z")

</div>

and chinese

---

<div class="post-metadata">

### Author: ![MakeCode](https://avatars.discourse-cdn.com/v4/letter/m/f475e1/32.png) [@MakeCode](https://forum.makecode.com/u/MakeCode)
#### Post date: [March 28, 2025, 4:37pm UTC](https://forum.makecode.com/t/text-sprite-extension/2259/20 "2025-03-28T16:37:03Z")

</div>

@Errorpixel we fixed this issue yesterday, can you please verify?

[Next page](https://forum.makecode.com/t/text-sprite-extension/2259.md?page=2)
