# How to Share Sprite Art

**URL:** <https://forum.makecode.com/t/how-to-share-sprite-art/3593>\
**Category:** Arcade\
**Tags:** art, tool\
**Created:** [September 23, 2020, 4:25pm UTC](https://forum.makecode.com/t/how-to-share-sprite-art/3593 "2020-09-23T16:25:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![shakao](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/shakao/32/113_2.png) [@shakao](https://forum.makecode.com/u/shakao)\
**Post date:** [September 23, 2020, 4:25pm UTC](https://forum.makecode.com/t/how-to-share-sprite-art/3593/1 "2020-09-23T16:25:30Z")

</div>

### Customizing the Gallery

Extensions often add custom blocks to your workspace, but did you know that they can also add custom images? The **[Arcade Sprite Pack Generator](https://shakao.github.io/arcade-sprite-pack/)** is a way to create bundles of images that anyone can add to their project gallery:

 ![arcade-sprite-pack](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/e/e76169b646552cbb5c80effee53fb88b7cb63caf.gif)

Try it out by clicking on **Advanced** → **Extensions** in the Toolbox, and pasting in [https://github.com/shakao/arcade-slimes](https://github.com/shakao/arcade-slimes) or [https://github.com/shakao/arcade-rpg-items](https://github.com/shakao/arcade-rpg-items)

### What you need

We want to make it easy for you guys to share character or background art! You only need a couple things to get started:

- A Github account
- Some sprite art to share!

### How to do it

1. Go to [https://shakao.github.io/arcade-sprite-pack/](https://shakao.github.io/arcade-sprite-pack/) and draw your sprites. You can copy/paste between the Arcade sprite editor and this editor, or click the “Import” button on the top right and paste in a share URL.

2. When you’re done, click the **Export** button, name your project, and select **Download MKCD**

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

1. Go to [arcade.makecode.com](http://arcade.makecode.com) and make an empty project. Drag your MKCD file from your computer into the editor.

2. Click the Github button in the bottom toolbar next to the project name. Sign in if necessary.

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

1. One you are signed in, go back to your project and click the Github button again. This time, click **Go ahead!** to create your asset pack extension!

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

1. You’re done! You can go to [github.com](http://github.com) to see your extension or just paste the URL into another Arcade project to see your sprites. The URL should be:

> `https://github.com/[your-github-username]/[your-repository-name]`

1. (optional) Post your asset pack to the forums so we can check out your awesome sprites!

---

<div class="post-metadata">

**Author:** ![GameGod](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/gamegod/32/2756_2.png) [@GameGod](https://forum.makecode.com/u/GameGod)\
**Post date:** [October 5, 2020, 9:42pm UTC](https://forum.makecode.com/t/how-to-share-sprite-art/3593/2 "2020-10-05T21:42:40Z")

</div>

> **[rishiporwal/Cars](https://github.com/rishiporwal/Cars)**
>
> A MakeCode project. Contribute to rishiporwal/Cars development by creating an account on GitHub.

Cool! I made mine!

The only problem is that you have to get the color fading extension and inset these blocks. ⬇

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

---

<div class="post-metadata">

**Author:** ![cosmoscowboy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/cosmoscowboy/32/1718_2.png) [@cosmoscowboy](https://forum.makecode.com/u/cosmoscowboy)\
**Post date:** [December 26, 2020, 7:55pm UTC](https://forum.makecode.com/t/how-to-share-sprite-art/3593/3 "2020-12-26T19:55:07Z")

</div>

@shakao

I am able to drop the .mkcd file into the Arcade editor to get the sprite resources and also save this to GitHub. However, I am not sure how to update the repository in GitHub. If I paste an updated version of the .mkcd file into the editor, I have lost my connection to GitHub and it asks to create a repository again. I guess this happens as dropping in a new .mkcd files replaces/removes certain .git files. I thought about creating a branch and changing the files locally, but the files in the editor are not stored locally.

@jwunderl  
I hope you don’t mind me asking, but do you know how I can update a repository with an updated .mkcd file?

---

<div class="post-metadata">

**Author:** ![shakao](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/shakao/32/113_2.png) [@shakao](https://forum.makecode.com/u/shakao)\
**Post date:** [January 5, 2021, 5:33pm UTC](https://forum.makecode.com/t/how-to-share-sprite-art/3593/4 "2021-01-05T17:33:52Z")

</div>

Hm, this is a good scenario that we… definitely didn’t think of while implementing haha. The nonoptimal work around that first springs to mind is:

1. Open the updated mkcd file in a separate project.
2. Switch to Javascript
3. From the Explorer (under the simulator), copy the contents of `assets.ts` and `assets.jres` into your Github project

It’s a little tedious but it should allow you to update your sprite pack for now!

---

<div class="post-metadata">

**Author:** ![dcgs-sbu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/dcgs-sbu/32/14338_2.png) [@dcgs-sbu](https://forum.makecode.com/u/dcgs-sbu)\
**Post date:** [March 30, 2024, 5:00pm UTC](https://forum.makecode.com/t/how-to-share-sprite-art/3593/5 "2024-03-30T17:00:37Z")

</div>

I have just discovered this tool - it’s a great idea, thank you! I want to use it to share some tiles and animations with my students, for some tutorials I have written for them.

I have created a small test extension. The animations I have made work fine, and everything I have made appears correctly in the main assets gallery. However, the tiles I have made do not appear in the tilemap editor - and when I go to My Tiles and add a new tile, they do not appear in the tiles gallery.

Do you have any thoughts on how I can fix this? It would be even better if the tiles showed up in their own category in the tilemap editor, but I don’t know how baked-in to MakeCode Arcade those categories are.

This is the repo for my extension, in case that’s useful: [https://github.com/dcgs-sbu/dcgs-tutorial-assets](https://github.com/dcgs-sbu/dcgs-tutorial-assets)

Thank you very much!
