# \[Extension\] arcade-fire-sprites

**URL:** https://forum.makecode.com/t/extension-arcade-fire-sprites/42344
**Category:** Show & Tell
**Tags:** extension
**Created:** [February 24, 2026, 9:31pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344 "2026-02-24T21:31:54Z")
**Posts on this page:** 20
**Page:** 1

<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: [February 24, 2026, 9:31pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/1 "2026-02-24T21:31:54Z")

</div>

Hey folks!

Another day, another extension (this one you might have seen me use on stream on Monday). I present: riknoll/arcade-fire-sprites!

> **[GitHub - riknoll/arcade-fire-sprites: A MakeCode Arcade extension for procedurally...](https://github.com/riknoll/arcade-fire-sprites)**
>
> A MakeCode Arcade extension for procedurally generated fire effects

This is an extension for creating procedurally generated fire effects like this:

[![fire](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/7/0/70d291e7151733e7c08de708b582d91f7d371a7a.gif)](https://arcade.makecode.com/S40374-38570-63180-90334)

To create a fire effect, you first need to create a fire spawner. Fire spawners manage the number of fire simulations running at once. If you are spawning a lot of fire sprites, the spawner will reuse existing fire simulations instead of creating new ones, which improves performance. The number of simultaneous fire simulations is determined by the max sources parameter in the create spawner block.

All fire sprites from a spawner share the same dimensions, strength, color ramp, and update/sputter intervals. If your game needs different types of fire, you should create one fire spawner for each type (e.g. one for lanterns, one for campfires, one for attacks, etc.).

Anyways, give it a shot! All of the blocks should have help pages (right click on the block and select “Help” to open)

---

<div class="post-metadata">

### Author: ![BitBot](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/bitbot/32/33272_2.png) [@BitBot](https://forum.makecode.com/u/BitBot)
#### Post date: [February 24, 2026, 9:57pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/2 "2026-02-24T21:57:40Z")

</div>

Wow! This is so cool!!

---

<div class="post-metadata">

### Author: ![xInsqne1](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/xinsqne1/32/34060_2.png) [@xInsqne1](https://forum.makecode.com/u/xInsqne1)
#### Post date: [February 24, 2026, 9:57pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/3 "2026-02-24T21:57:43Z")

</div>

I can see a great boss room in my future… 👀

---

<div class="post-metadata">

### Author: ![Peau12](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peau12/32/29299_2.png) [@Peau12](https://forum.makecode.com/u/Peau12)
#### Post date: [February 24, 2026, 10:55pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/4 "2026-02-24T22:55:35Z")

</div>

Yay! I wanna use this!

---

<div class="post-metadata">

### Author: ![Rune](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rune/32/18951_2.png) [@Rune](https://forum.makecode.com/u/Rune)
#### Post date: [February 25, 2026, 12:16am UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/5 "2026-02-25T00:16:12Z")

</div>

This is _so cool._ Much better than using particle effects.

---

<div class="post-metadata">

### Author: ![Danny\_Devention](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/danny_devention/32/30134_2.png) [@Danny\_Devention](https://forum.makecode.com/u/Danny_Devention)
#### Post date: [February 25, 2026, 3:57am UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/6 "2026-02-25T03:57:32Z")

</div>

Kinda reminds me of that one dude who was like:

MICHEAL! DON’T LEAVE ME HERE! MICHEAL!

---

<div class="post-metadata">

### Author: ![Iro](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/iro/32/34749_2.png) [@Iro](https://forum.makecode.com/u/Iro)
#### Post date: [February 25, 2026, 4:06am UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/7 "2026-02-25T04:06:22Z")

</div>

OMG, this is PERFECT for my game! Now I can show a destroyed facility without my sucky art! Thank you richard!

---

<div class="post-metadata">

### Author: ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [February 25, 2026, 6:17pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/8 "2026-02-25T18:17:15Z")

</div>

also out of curiosity what made you want to make this extension

---

<div class="post-metadata">

### Author: ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [February 25, 2026, 6:17pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/9 "2026-02-25T18:17:18Z")

</div>

hey @richard I also have a question how in the Exstension in the ramp block do you set a specific size for the image instead of it being 16x16 pixels

---

<div class="post-metadata">

### Author: ![TheEarth](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/theearth/32/34579_2.png) [@TheEarth](https://forum.makecode.com/u/TheEarth)
#### Post date: [February 25, 2026, 6:17pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/10 "2026-02-25T18:17:33Z")

</div>

hah sylvancircle was years ahead of the game with extra effects

---

<div class="post-metadata">

### Author: ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [February 25, 2026, 6:17pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/11 "2026-02-25T18:17:34Z")

</div>

this is one of those things that well not needed something for sure wanted thank you @richard

---

<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: [February 25, 2026, 6:24pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/12 "2026-02-25T18:24:46Z")

</div>

> [@NeverStopTheCoder](#):
>
> hey @richard I also have a question how in the Exstension in the ramp block do you set a specific size for the image instead of it being 16x16 pixels

i did this by creating a custom shadow block:

> <https://github.com/riknoll/arcade-fire-sprites/blob/835201c10ff19233c73ca467c5dbe691fd32bedb/api.ts#L182-L196>

this block is a copy of the definition of the [the one used in the sprite block](https://github.com/microsoft/pxt-common-packages/blob/f46172000488d5b3d843c639d738c3f65809564d/libs/screen/fieldeditors.ts#L7-L18) but it has the `initWidth` and `initHeight` properties set to specify the default image size.

then, in the definition for the set color ramp block, i set the shadow of the image to the blockId of this function:

> <https://github.com/riknoll/arcade-fire-sprites/blob/835201c10ff19233c73ca467c5dbe691fd32bedb/api.ts#L171>

and as for what made me want to make this extension, i had this code lying around from a while back (i used it in bug arena) and i wanted to reuse it in the zelda-inspired game we’re working on in livestream right now.

---

<div class="post-metadata">

### Author: ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [February 25, 2026, 9:28pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/13 "2026-02-25T21:28:03Z")

</div>

nice thank you

---

<div class="post-metadata">

### Author: ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [February 25, 2026, 10:06pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/14 "2026-02-25T22:06:41Z")

</div>

![Screenshot 2026-02-25 3.11.21 PM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/a/c/ac584b4c5e0f7fab20af5921c29c6818cb4eb137.png)because I used it for my letter image extension **neverstopthecoder/image-letter-extension**

also why with this added do the image parts take over the color of the block

---

<div class="post-metadata">

### Author: ![NeverStopTheCoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/neverstopthecoder/32/21194_2.png) [@NeverStopTheCoder](https://forum.makecode.com/u/NeverStopTheCoder)
#### Post date: [February 25, 2026, 10:14pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/15 "2026-02-25T22:14:31Z")

</div>

thank you but what part of those //% are needed just for a image and with out a sprite input and and what do they each do if you don’t mine

---

<div class="post-metadata">

### Author: ![engineer703](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/engineer703/32/35135_2.png) [@engineer703](https://forum.makecode.com/u/engineer703)
#### Post date: [February 27, 2026, 6:17pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/16 "2026-02-27T18:17:15Z")

</div>

Hey @richard, is it possible to rotate the fire so that it is sideways or upside down??

---

<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: [February 27, 2026, 6:58pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/17 "2026-02-27T18:58:08Z")

</div>

wish granted!

i just updated the extension so that small fire sprites (smaller than 40x40 pixels) now support rotation and scaling:

![rotating-fire](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/0/7/072310980d6959142e30f07acbd0735809311e69.gif)

you can rotate and scale them just like normal sprites (e.g. using the properties in the sprite dropdown).

large fire sprites (greater than 40 width or 40 height) do not support scaling or rotating, and behave exactly the same as before. this is because of the optimizations in the extension for large fires and i won’t be fixing it. so if you want a big fire that you can rotate, maybe try using several smaller fires.

---

<div class="post-metadata">

### Author: ![engineer703](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/engineer703/32/35135_2.png) [@engineer703](https://forum.makecode.com/u/engineer703)
#### Post date: [February 27, 2026, 7:03pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/18 "2026-02-27T19:03:35Z")

</div>

Thanks for that!

---

<div class="post-metadata">

### Author: ![Bilangus](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/bilangus/32/33219_2.png) [@Bilangus](https://forum.makecode.com/u/Bilangus)
#### Post date: [March 8, 2026, 6:22pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/19 "2026-03-08T18:22:49Z")

</div>

We have Fire Sprites. We Have Text Sprites. There is only one other thing this world needs.

![1000094983](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/b/6/b6f38b0c5b603bb4fe08f791711e8549a78f5d3c.gif)

---

<div class="post-metadata">

### Author: ![javascriptnerd](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/javascriptnerd/32/35334_2.png) [@javascriptnerd](https://forum.makecode.com/u/javascriptnerd)
#### Post date: [March 19, 2026, 7:46pm UTC](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344/20 "2026-03-19T19:46:26Z")

</div>

can you make this part of a moving player sprite?

[Next page](https://forum.makecode.com/t/extension-arcade-fire-sprites/42344.md?page=2)
