# Tutorial and Skill Map Ideas

**URL:** <https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194>\
**Category:** Arcade\
**Created:** [July 20, 2025, 4:46am UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194 "2025-07-20T04:46:51Z")\
**Posts on this page:** 12\
**Page:** 3

<div class="post-metadata">

**Author:** ![Winess](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/winess/32/25976_2.png) [@Winess](https://forum.makecode.com/u/Winess)\
**Post date:** [September 23, 2025, 8:16pm UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/42 "2025-09-23T20:16:14Z")

</div>

In this tutorial: [https://github.com/kiki-lee/forest\_test/blob/master/forest.md](https://github.com/kiki-lee/forest_test/blob/master/forest.md)

In the forest.md file, how do you find where these file directories are at? I cannot see where they are:

- infoUrl: skillmap/educator-info/forest-map-info

- bannerUrl: /static/skillmap/forest/forest6.gif

- backgroundurl: /static/skillmap/backgrounds/forest-comp.png

im having trouble in my own skillmap getting my images to show.

---

<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:** [September 23, 2025, 8:20pm UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/43 "2025-09-23T20:20:20Z")

</div>

@Winess those are pointing to images that are stored in the microsoft/pxt-arcade repo. the full paths would be something like `pxt-arcade/docs/static/skillmap...`

i’m actually not sure what the story is for non first-party skillmaps. have you tried uploading your image somewhere and putting in the full url rather than a relative path?

---

<div class="post-metadata">

**Author:** ![Winess](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/winess/32/25976_2.png) [@Winess](https://forum.makecode.com/u/Winess)\
**Post date:** [September 24, 2025, 5:10pm UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/44 "2025-09-24T17:10:05Z")

</div>

ok background url works if I do this: backgroundurl: [https://raw.githubusercontent.com/sjwines/hourofai/master/assets/NAVSEAMap.png](https://raw.githubusercontent.com/sjwines/hourofai/master/assets/NAVSEAMap.png)

see my skillmap now: [https://arcade.makecode.com/--skillmap#github:sjwines/hourofai/forest.md](https://arcade.makecode.com/--skillmap#github:sjwines/hourofai/forest.md)

still need help with this issue: working on my actual lesson, I want students to have a already-made background and drone sprite. I do not see any tutorials for how to create these and upload them into your github repository. I tried following the forst github repository but I have no idea where their imgs are saved, they are not saved in that reposititory.

---

<div class="post-metadata">

**Author:** ![AlexK](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/alexk/32/33339_2.png) [@AlexK](https://forum.makecode.com/u/AlexK)\
**Post date:** [September 25, 2025, 12:43am UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/45 "2025-09-25T00:43:54Z")

</div>

You’ll need to make an asset pack for your custom assets.

My instructions for creating them are here (Richard helped with these instructions … a LOT … and provided the video tutorial):

> **[Building a custom skillmap](https://robo-technical-group.github.io/pxt-instructions-lab/en/custom-skillmap-2.html)**
>
> MakeCode instructions and ramblings laboratory

---

<div class="post-metadata">

**Author:** ![Winess](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/winess/32/25976_2.png) [@Winess](https://forum.makecode.com/u/Winess)\
**Post date:** [September 25, 2025, 3:01am UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/46 "2025-09-25T03:01:30Z")

</div>

Thank you! This worked for my custom background image for the lesson, but when doing for my drone sprites (I made 5 different custom drones for students to choose from, it does not recognize them.

This is my code: scene.setBackgroundImage(tutorial\_asset.ocean\_background)

let myDrone = sprites.create(tutorial\_asset.player\_drone1, SpriteKind.Player)

---

<div class="post-metadata">

**Author:** ![AlexK](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/alexk/32/33339_2.png) [@AlexK](https://forum.makecode.com/u/AlexK)\
**Post date:** [September 25, 2025, 3:13am UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/47 "2025-09-25T03:13:54Z")

</div>

This might be a caching error for you. This is what I see when I load the first activity in your skillmap:

 ![arcade-screenshot (14)](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/9/c/9c71bdaddaec889e5b905f02f1071e6fdd9a1812.png)

Is that correct, or am I looking at the wrong activity or step?

---

<div class="post-metadata">

**Author:** ![Coderadventurer](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/coderadventurer/32/24824_2.png) [@Coderadventurer](https://forum.makecode.com/u/Coderadventurer)\
**Post date:** [September 25, 2025, 6:54pm UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/48 "2025-09-25T18:54:44Z")

</div>

what about a Metroidvania skill map or a survival game skill map?

---

<div class="post-metadata">

**Author:** ![Longlinh](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/longlinh/32/6525_2.png) [@Longlinh](https://forum.makecode.com/u/Longlinh)\
**Post date:** [September 25, 2025, 6:54pm UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/49 "2025-09-25T18:54:45Z")

</div>

Hmm… How about an infinite runner !

---

<div class="post-metadata">

**Author:** ![Winess](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/winess/32/25976_2.png) [@Winess](https://forum.makecode.com/u/Winess)\
**Post date:** [September 26, 2025, 12:09am UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/52 "2025-09-26T00:09:18Z")

</div>

I ended up rebuilding the asset pack in a new microsoft project and it now works!

---

<div class="post-metadata">

**Author:** ![TheGooberEarth](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thegooberearth/32/36693_2.png) [@TheGooberEarth](https://forum.makecode.com/u/TheGooberEarth)\
**Post date:** [January 18, 2026, 9:59pm UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/53 "2026-01-18T21:59:18Z")

</div>

I’m gonna try to make an RPG skillmap its gonna take a while and I might quit but I am going to make the asset pack at least. Also w tutorial on how to make a tutorial in MakeCode very useful. Once i get back in to Github  
also please help  
@AlexK where do the tile assets show up in the tilemap gallery I cant seem to find them in any of the folders. I made a asset pack here is the code if you need it

> **[\#1](https://arcade.makecode.com/57775-84598-84282-26886)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

**Author:** ![AlexK](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/alexk/32/33339_2.png) [@AlexK](https://forum.makecode.com/u/AlexK)\
**Post date:** [January 31, 2026, 11:51pm UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/54 "2026-01-31T23:51:35Z")

</div>

When an asset pack is imported, the assets appear in the gallery.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/1/6/1650fce0c2d6b33137de229b888258c24288dcc5.png)

Scroll further down in the gallery to see your tiles.

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

---

<div class="post-metadata">

**Author:** ![AlexK](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/alexk/32/33339_2.png) [@AlexK](https://forum.makecode.com/u/AlexK)\
**Post date:** [February 1, 2026, 7:34pm UTC](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194/55 "2026-02-01T19:34:49Z")

</div>

I’ve been thinking about this one over the weekend, WoofWoof.

One problem with putting this into a skillmap or tutorial: You can’t activate the debugger within a tutorial.

I do, however, have a set of debugging exercises that I use when I train classroom teachers on MakeCode Arcade. I’ll post those exercises – along with a tutorial on using the built-in debugger – in a separate thread … which I will link here … once I’ve written it. 😃

Here it is!

> [@Practice with the Debugger in MakeCode Arcade](https://forum.makecode.com/t/practice-with-the-debugger-in-makecode-arcade/41833):
>
> WoofWoof gave me a great idea a few months ago, and I’ve been thinking about it over the weekend. He said that we should have a tutorial on using the built-in debugger in MakeCode. So, here it is! This won’t be a tutorial like those that you see on the MakeCode home page, because you cannot activate the debugger from inside of the tutorial tool. Instead, you will follow along with instructions here. You’ll need to open MakeCode in a separate window – preferably on a different screen. After l…

[Previous page](https://forum.makecode.com/t/tutorial-and-skill-map-ideas/38194.md?page=2)
