Custom Map tutorial

[sbergeroncp]

Hi there !

How can I make my skillmap ? Is there any tutorial step by step ?

Thx !
Seb

[KIKIvsIT]

We don’t have a completed tutorial yet, but we do have some docs and plenty of examples! You can take a look at these:

• https://makecode.com/writing-docs/skillmaps
• https://makecode.com/writing-docs/tutorials
• https://github.com/microsoft/pxt-arcade/blob/master/docs/test/skillmap/class.md
• https://github.com/microsoft/pxt-arcade/tree/master/docs/test/skillmap/class

[sbergeroncp]

I figured out something.

Now.

How can I carry the code over the next activity ?

[KIKIvsIT]

Make sure you have template code in the tutorial that you’re trying to carry over to…

Tutorial Creators

Update…it is working with skillmaps loaded from my personal repo: https://arcade.makecode.com/--skillmap#github:kiki-lee/forest_test/forest.md @rymc88 Can you try putting your tutorial files in a folder with the same name as the skillmap? I can’t see a reason why that should be the issue, but it could be. If that doesn’t work, here are some of my ideas: Maybe try downloading this same forest_new package from https://github.com/kiki-lee/forest_test and see if it works for you If not, the d…

[sbergeroncp]

@KIKIvsIT it’s working now !

But now, how can I change the background picture ?

Inside your code

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

I can’t find the png file in your repositories on Github.

[sbergeroncp]

@KIKIvsIT

I wanted to add a background so I tried this :

Here is my png on Github

Any idea ?

[Winess]

(post deleted by author)

[Winess]

I know this is super late, but heres an example of how I did the background and banner:

• bannerUrl: https://raw.githubusercontent.com/sjwines/hourofai/master/assets/NavalStemLogo.png

• backgroundurl: https://raw.githubusercontent.com/sjwines/hourofai/master/assets/NAVSEAMap.png