# Making a Dragon Quest inspired game

**URL:** <https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617>\
**Category:** Help\
**Created:** [February 4, 2025, 11:58pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617 "2025-02-04T23:58:42Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Justasmallcoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/justasmallcoder/32/24428_2.png) [@Justasmallcoder](https://forum.makecode.com/u/Justasmallcoder)\
**Post date:** [February 4, 2025, 11:58pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/1 "2025-02-04T23:58:42Z")

</div>

I need to have a sprite follow the player’s sprite like in the original SNES game. I’ll put your name in the credits :3

---

<div class="post-metadata">

**Author:** ![CodeOnTheCob](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/codeonthecob/32/19306_2.png) [@CodeOnTheCob](https://forum.makecode.com/u/CodeOnTheCob)\
**Post date:** [February 5, 2025, 12:56am UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/2 "2025-02-05T00:56:39Z")

</div>

I have never play dragon quest so I don’t know how to help and I cant help since I helping this guy with a pokemon game so I might after I helped him

---

<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 5, 2025, 7:19pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/3 "2025-02-05T19:19:28Z")

</div>

@Justasmallcoder here’s some sample code for ya! there are comments inside the code that explain what it does, but let me know if you have any questions.

> **[party-follow](https://arcade.makecode.com/01421-03909-69206-93014)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

**Author:** ![Justasmallcoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/justasmallcoder/32/24428_2.png) [@Justasmallcoder](https://forum.makecode.com/u/Justasmallcoder)\
**Post date:** [February 5, 2025, 8:36pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/4 "2025-02-05T20:36:40Z")

</div>

Thank you so much 🥹. Is there a way to make work for grids? And is there a way to make sprites move along a grid smoothly instead of teleporting each time the player uses the D-Pad?

---

<div class="post-metadata">

**Author:** ![CodeOnTheCob](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/codeonthecob/32/19306_2.png) [@CodeOnTheCob](https://forum.makecode.com/u/CodeOnTheCob)\
**Post date:** [February 6, 2025, 5:55pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/5 "2025-02-06T17:55:06Z")

</div>

but I have some code to use for you its for health bars for multiple enemies

---

<div class="post-metadata">

**Author:** ![CodeOnTheCob](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/codeonthecob/32/19306_2.png) [@CodeOnTheCob](https://forum.makecode.com/u/CodeOnTheCob)\
**Post date:** [February 6, 2025, 5:55pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/6 "2025-02-06T17:55:27Z")

</div>

> **[Basic multiple enemy healthbar](https://arcade.makecode.com/60262-41602-53149-98661)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

**Author:** ![Justasmallcoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/justasmallcoder/32/24428_2.png) [@Justasmallcoder](https://forum.makecode.com/u/Justasmallcoder)\
**Post date:** [February 6, 2025, 10:58pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/7 "2025-02-06T22:58:25Z")

</div>

Thank you very much, but the battling system will be more turned based that Open field combat… I might use this code is a different project though… And I will give proper credit! ☺

---

<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 6, 2025, 11:01pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/8 "2025-02-06T23:01:10Z")

</div>

@Justasmallcoder are you using the grid extension? that extension is pretty old, i wouldn’t recommend using it

---

<div class="post-metadata">

**Author:** ![Justasmallcoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/justasmallcoder/32/24428_2.png) [@Justasmallcoder](https://forum.makecode.com/u/Justasmallcoder)\
**Post date:** [February 7, 2025, 12:04am UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/9 "2025-02-07T00:04:33Z")

</div>

Oh, yea, I am. What should I use instead?

---

<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 7, 2025, 12:05am UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/10 "2025-02-07T00:05:19Z")

</div>

@Justasmallcoder hmmmm… what exactly are you trying to do? dragon quest isn’t really grid based

---

<div class="post-metadata">

**Author:** ![Justasmallcoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/justasmallcoder/32/24428_2.png) [@Justasmallcoder](https://forum.makecode.com/u/Justasmallcoder)\
**Post date:** [February 7, 2025, 12:11am UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/11 "2025-02-07T00:11:33Z")

</div>

The original NES and SNES ones are. I’m just trying to figure out how to get the player sprite to move along a grid-like space rather than free movement.

---

<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 7, 2025, 12:29am UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/12 "2025-02-07T00:29:01Z")

</div>

the snes ones definitely aren’t… i just checked. but still, if you want to have that sort of movement, you could do something like this:

> **[grid-move](https://arcade.makecode.com/84932-11068-24190-10360)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

this example uses the `jwunderl/arcade-sprite-util` extension by the way

---

<div class="post-metadata">

**Author:** ![Justasmallcoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/justasmallcoder/32/24428_2.png) [@Justasmallcoder](https://forum.makecode.com/u/Justasmallcoder)\
**Post date:** [February 7, 2025, 3:35am UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/13 "2025-02-07T03:35:27Z")

</div>

I’m not going to start an argument, so I’ll admit I was wrong, but anyways, Is there a way to make the following sprites match the way the Hero moves? Sorry for be so dependent, I’m not good at complicated coding 😅  
[https://makecode.com/\_4yfb4WVH6Ea1](https://makecode.com/_4yfb4WVH6Ea1)

---

<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 7, 2025, 7:57pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/14 "2025-02-07T19:57:04Z")

</div>

@Justasmallcoder i think you just need to increase the “followSteps” variable and you should get something close to what you want

---

<div class="post-metadata">

**Author:** ![zef](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/zef/32/28163_2.png) [@zef](https://forum.makecode.com/u/zef)\
**Post date:** [February 10, 2025, 5:39pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/16 "2025-02-10T17:39:52Z")

</div>

If this were used in a turn based game is there anyway for the code for the part following to happen after a battle?

---

<div class="post-metadata">

**Author:** ![Justasmallcoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/justasmallcoder/32/24428_2.png) [@Justasmallcoder](https://forum.makecode.com/u/Justasmallcoder)\
**Post date:** [February 10, 2025, 5:39pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/17 "2025-02-10T17:39:55Z")

</div>

@richard Is there a way to animate the sprites separately?

---

<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 10, 2025, 5:50pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/18 "2025-02-10T17:50:54Z")

</div>

@zef to do something like that, i would just use two separate sets of sprites. in other words, when a battle starts you would:

1. hide all of the sprites (try setting the “invisible” flag to true) and disable their controls
2. create a bunch of new sprites for the players and the various HUD elements, like status bars. for these sprites, you’ll probably want to set the “relative to camera” flag to true. also, give these sprites a different SpriteKind than the player sprites
3. do the battle
4. when the battle ends, destroy all the sprites that have the SpriteKind from step 2
5. show all of the player sprites again and turn controls back on

---

<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 10, 2025, 5:51pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/19 "2025-02-10T17:51:37Z")

</div>

@Justasmallcoder for animating sprites, i would recommend using the arcade-character-animations extension. that way you can give each of the sprites separate walking animations

---

<div class="post-metadata">

**Author:** ![zef](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/zef/32/28163_2.png) [@zef](https://forum.makecode.com/u/zef)\
**Post date:** [February 10, 2025, 6:05pm UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/20 "2025-02-10T18:05:02Z")

</div>

ok thanks for telling me.

---

<div class="post-metadata">

**Author:** ![Justasmallcoder](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/justasmallcoder/32/24428_2.png) [@Justasmallcoder](https://forum.makecode.com/u/Justasmallcoder)\
**Post date:** [February 11, 2025, 2:04am UTC](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617/21 "2025-02-11T02:04:02Z")

</div>

I tried, but I can’t animate the sprites because they all are party of the “Party” variable. I did make the last sprite in the line invisible and have a sprite moving exactly like it. I have an example because I cannot explain things for the life of me… [https://makecode.com/\_2mhR5VU52fDL](https://makecode.com/_2mhR5VU52fDL)

[Next page](https://forum.makecode.com/t/making-a-dragon-quest-inspired-game/33617.md?page=2)
