# I want to make a top down game

**URL:** <https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964>\
**Category:** Uncategorized\
**Created:** [February 3, 2021, 8:24am UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964 "2021-02-03T08:24:42Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ifureadthisimop](https://community.flowlab.io/user_avatar/community.flowlab.io/ifureadthisimop/32/22407_2.png) [@Ifureadthisimop](https://community.flowlab.io/u/Ifureadthisimop)\
**Post date:** [February 3, 2021, 8:24am UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/1 "2021-02-03T08:24:42Z")

</div>

anybody, could you teach me the steps on how to make a top down game? i am using free edition

---

<div class="post-metadata">

**Author:** ![The\_Kodex](https://community.flowlab.io/user_avatar/community.flowlab.io/the_kodex/32/44613_2.png) [@The\_Kodex](https://community.flowlab.io/u/The_Kodex)\
**Post date:** [February 3, 2021, 12:05pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/2 "2021-02-03T12:05:06Z")

</div>

First @Ifureadthisimop Welcome to the forums and thanks for posting and joining our community and second allow me to help as much as I can.

It’s a bit complicated so I hope you really want this. First if all you need to know what code to use for a top down character which I’ll give in a minute.

Second I’d make a pixel art tile set of soemthing you can make houses out of or soemthing.

For example a brick wall, or a wooden wall and then the different tiles for that like some folksong images bellow:

![7f7f41d44f0b21abfdc461eefa15b0f9](https://community.flowlab.io/uploads/default/original/2X/1/1785efd3692b76711376b529a46dc3592742472c.jpeg)

 ![pixel-art-dungeon-Cover](https://community.flowlab.io/uploads/default/original/2X/b/b2e64518425d47c0bc85a176adf67f73c98dc27c.jpeg) ![590](https://community.flowlab.io/uploads/default/original/2X/1/1aa5602cdb6f31ca8f3458056d2574a2fdbe4a6f.jpeg)

Similar to a Sprite Sheet like this. Once you’ve done a good few tiles work on a chacarter and then go start coding.

Use this example for his movement:

> **[Flowlab.io - Top Down Example](https://flowlab.io/game/play/2463)**
>
> Move the player using the arrow keys.
> 
> The \*\*Player\*\* object is moved by setting its \*Velocity\* property directly. The velocity is set when a key is pressed, and reset to 0 when released.
> 
> Setting the velocity is preferable to setting the position...

Here is an example of a sword or melee attack:

> **[Flowlab.io - Sword Example 2](https://flowlab.io/game/play/835804)**
>
> \*\*Directions\*\*
> 
> Arrow keys to move, space bar to swing sword.
> 
> \*\*How it Works\*\*
> 
> The sword logic is pretty simple - An object (named \*Strike\*) is emitted in the forward direction with a very short lifetime when the attack button is pressed. The enemy...

For inspiration for pixel art I would go here and also use this amazing free website:

> **[Pixel-Lord-12's Gallery](https://www.pixilart.com/pixel-lord-12/gallery)**
>
> Pixilart, free online drawing editor and social platform for all ages. Create game sprites, make pixel art, animated GIFs, share artwork and socialize online.

> **[Pixilart - Share & Create Art Online](https://www.pixilart.com/)**
>
> Pixilart, free online drawing editor and social platform for all ages. Create game sprites, make pixel art, animated GIFs, share artwork and socialize online.

If you need anything else I’m usually avaliable

---

<div class="post-metadata">

**Author:** ![Ifureadthisimop](https://community.flowlab.io/user_avatar/community.flowlab.io/ifureadthisimop/32/22407_2.png) [@Ifureadthisimop](https://community.flowlab.io/u/Ifureadthisimop)\
**Post date:** [February 9, 2021, 9:48am UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/3 "2021-02-09T09:48:31Z")

</div>

thanks The\_kodex!  
😄

---

<div class="post-metadata">

**Author:** ![fighting\_game](https://community.flowlab.io/user_avatar/community.flowlab.io/fighting_game/32/52225_2.png) [@fighting\_game](https://community.flowlab.io/u/fighting_game)\
**Post date:** [February 9, 2021, 1:40pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/4 "2021-02-09T13:40:17Z")

</div>

this is what I got the first time i tried making a top down

 ![image](https://community.flowlab.io/uploads/default/original/2X/e/eb625e938e7f61939e27a74edcff24d8d460d2c9.png)

Just remember to have this repeating box enabled or the movement will be very choppy  
 ![image](https://community.flowlab.io/uploads/default/original/2X/4/43db17c96dbd2fad6344462c6121d084d096ceb6.png)

---

<div class="post-metadata">

**Author:** ![AbstractGallery](https://community.flowlab.io/user_avatar/community.flowlab.io/abstractgallery/32/43148_2.png) [@AbstractGallery](https://community.flowlab.io/u/AbstractGallery)\
**Post date:** [February 9, 2021, 1:48pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/5 "2021-02-09T13:48:30Z")

</div>

This could help, it’s pretty much like @fighting_game’s just in case you want to use it.

 ![image](https://community.flowlab.io/uploads/default/original/2X/c/c97243ba0e7e3b9e2bda98d58ada7f8635c1321d.png)

You can copy and import this into your game.

(Click)

> **Summary**
>
> {“data”:{“behavior”:{“v”:“2”,“nodes”:[{“inputCount”:0,“outputCount”:0,“name”:“top down”,“behaviorType”:“logic.NodeGroup”,“x”:-180,“y”:-64,“id”:“8709c387d8405a41”,“isMenuItem”:false},{“inputCount”:0,“outputCount”:2,“name”:“Keyboard”,“behaviorType”:“logic.triggers.Keyboard”,“x”:-270,“y”:448,“group”:“8709c387d8405a41”,“id”:“8709c38bf152da40”,“keyCode”:83,“repeats”:true,“delay”:2},{“inputCount”:0,“outputCount”:2,“name”:“Keyboard”,“behaviorType”:“logic.triggers.Keyboard”,“x”:-270,“y”:320,“group”:“8709c387d8405a41”,“id”:“8709c38bd24d534d”,“keyCode”:87,“repeats”:true,“delay”:2},{“inputCount”:0,“outputCount”:2,“name”:“Keyboard”,“behaviorType”:“logic.triggers.Keyboard”,“x”:-270,“y”:64,“group”:“8709c387d8405a41”,“id”:“8709c38b2bf6404d”,“keyCode”:68,“repeats”:true,“delay”:2},{“inputCount”:0,“outputCount”:2,“name”:“Keyboard”,“behaviorType”:“logic.triggers.Keyboard”,“x”:-270,“y”:-32,“group”:“8709c387d8405a41”,“id”:“8709c38b61ab7040”,“keyCode”:65,“repeats”:true,“delay”:2},{“inputCount”:3,“outputCount”:1,“name”:“Number”,“behaviorType”:“logic.logic.Value”,“x”:360,“y”:448,“group”:“8709c387d8405a41”,“id”:“8709c38bae32af4b”,“startVal”:5,“tag”:""},{“inputCount”:3,“outputCount”:1,“name”:“Number”,“behaviorType”:“logic.logic.Value”,“x”:360,“y”:352,“group”:“8709c387d8405a41”,“id”:“8709c38b5a5e2044”,“startVal”:-5,“tag”:""},{“inputCount”:3,“outputCount”:1,“name”:“Number”,“behaviorType”:“logic.logic.Value”,“x”:360,“y”:64,“group”:“8709c387d8405a41”,“id”:“8709c38b4619fe4c”,“startVal”:5,“tag”:""},{“inputCount”:3,“outputCount”:1,“name”:“Number”,“behaviorType”:“logic.logic.Value”,“x”:360,“y”:-32,“group”:“8709c387d8405a41”,“id”:“8709c38c100b1c43”,“startVal”:-5,“tag”:""},{“inputCount”:3,“outputCount”:3,“name”:“Velocity”,“behaviorType”:“logic.properties.Physics”,“x”:630,“y”:224,“group”:“8709c387d8405a41”,“id”:“8709c38c8109f241”},{“inputCount”:3,“outputCount”:1,“name”:“Number”,“behaviorType”:“logic.logic.Value”,“x”:360,“y”:256,“group”:“8709c387d8405a41”,“id”:“8709c38cea71fc40”,“startVal”:0,“tag”:""},{“inputCount”:3,“outputCount”:1,“name”:“Number”,“behaviorType”:“logic.logic.Value”,“x”:360,“y”:160,“group”:“8709c387d8405a41”,“id”:“8709c38c6b129043”,“startVal”:0,“tag”:""},{“inputCount”:0,“outputCount”:2,“name”:“Keyboard”,“behaviorType”:“logic.triggers.Keyboard”,“x”:-90,“y”:448,“group”:“8709c387d8405a41”,“id”:“8709c38c45c46045”,“keyCode”:40,“repeats”:null,“delay”:null},{“inputCount”:0,“outputCount”:2,“name”:“Keyboard”,“behaviorType”:“logic.triggers.Keyboard”,“x”:-90,“y”:320,“group”:“8709c387d8405a41”,“id”:“8709c38c28417c40”,“keyCode”:38,“repeats”:null,“delay”:null},{“inputCount”:0,“outputCount”:2,“name”:“Keyboard”,“behaviorType”:“logic.triggers.Keyboard”,“x”:-90,“y”:96,“group”:“8709c387d8405a41”,“id”:“8709c38c133aa84b”,“keyCode”:39,“repeats”:null,“delay”:null},{“inputCount”:0,“outputCount”:2,“name”:“Keyboard”,“behaviorType”:“logic.triggers.Keyboard”,“x”:-90,“y”:-32,“group”:“8709c387d8405a41”,“id”:“8709c38c782cc84b”,“keyCode”:37,“repeats”:null,“delay”:null},{“inputCount”:3,“outputCount”:1,“name”:“Switch”,“behaviorType”:“logic.logic.Switch”,“x”:180,“y”:-32,“group”:“8709c387d8405a41”,“id”:“8709c38d0de58947”,"\_startVal":0,“dataType”:2},{“inputCount”:3,“outputCount”:1,“name”:“Switch”,“behaviorType”:“logic.logic.Switch”,“x”:180,“y”:448,“group”:“8709c387d8405a41”,“id”:“8709c38d2628ee46”,"\_startVal":0,“dataType”:2},{“inputCount”:3,“outputCount”:1,“name”:“Switch”,“behaviorType”:“logic.logic.Switch”,“x”:180,“y”:352,“group”:“8709c387d8405a41”,“id”:“8709c38d46b0d84d”,"\_startVal":0,“dataType”:2},{“inputCount”:3,“outputCount”:1,“name”:“Switch”,“behaviorType”:“logic.logic.Switch”,“x”:180,“y”:64,“group”:“8709c387d8405a41”,“id”:“8709c38dfb041e4c”,"\_startVal":0,“dataType”:2},{“inputCount”:0,“outputCount”:1,“name”:“Always”,“behaviorType”:“logic.triggers.Always”,“x”:-90,“y”:224,“group”:“8709c387d8405a41”,“id”:“8709c38d2111594a”}],“links”:[{“input\_id”:“8709c38d2628ee46i1”,“output\_id”:“8709c38bf152da40o0”},{“input\_id”:“8709c38cea71fc40i1”,“output\_id”:“8709c38bf152da40o1”},{“input\_id”:“8709c38d2628ee46i0”,“output\_id”:“8709c38bf152da40o1”},{“input\_id”:“8709c38d46b0d84di1”,“output\_id”:“8709c38bd24d534do0”},{“input\_id”:“8709c38cea71fc40i1”,“output\_id”:“8709c38bd24d534do1”},{“input\_id”:“8709c38d46b0d84di0”,“output\_id”:“8709c38bd24d534do1”},{“input\_id”:“8709c38dfb041e4ci1”,“output\_id”:“8709c38b2bf6404do0”},{“input\_id”:“8709c38dfb041e4ci0”,“output\_id”:“8709c38b2bf6404do1”},{“input\_id”:“8709c38c6b129043i1”,“output\_id”:“8709c38b2bf6404do1”},{“input\_id”:“8709c38d0de58947i1”,“output\_id”:“8709c38b61ab7040o0”},{“input\_id”:“8709c38d0de58947i0”,“output\_id”:“8709c38b61ab7040o1”},{“input\_id”:“8709c38c6b129043i1”,“output\_id”:“8709c38b61ab7040o1”},{“input\_id”:“8709c38c8109f241i1”,“output\_id”:“8709c38bae32af4bo0”},{“input\_id”:“8709c38c8109f241i1”,“output\_id”:“8709c38b5a5e2044o0”},{“input\_id”:“8709c38c8109f241i0”,“output\_id”:“8709c38b4619fe4co0”},{“input\_id”:“8709c38c8109f241i0”,“output\_id”:“8709c38c100b1c43o0”},{“input\_id”:“8709c38c8109f241i1”,“output\_id”:“8709c38cea71fc40o0”},{“input\_id”:“8709c38c8109f241i0”,“output\_id”:“8709c38c6b129043o0”},{“input\_id”:“8709c38d2628ee46i1”,“output\_id”:“8709c38c45c46045o0”},{“input\_id”:“8709c38cea71fc40i1”,“output\_id”:“8709c38c45c46045o1”},{“input\_id”:“8709c38d2628ee46i0”,“output\_id”:“8709c38c45c46045o1”},{“input\_id”:“8709c38d46b0d84di1”,“output\_id”:“8709c38c28417c40o0”},{“input\_id”:“8709c38cea71fc40i1”,“output\_id”:“8709c38c28417c40o1”},{“input\_id”:“8709c38d46b0d84di0”,“output\_id”:“8709c38c28417c40o1”},{“input\_id”:“8709c38dfb041e4ci1”,“output\_id”:“8709c38c133aa84bo0”},{“input\_id”:“8709c38dfb041e4ci0”,“output\_id”:“8709c38c133aa84bo1”},{“input\_id”:“8709c38c6b129043i1”,“output\_id”:“8709c38c133aa84bo1”},{“input\_id”:“8709c38d0de58947i1”,“output\_id”:“8709c38c782cc84bo0”},{“input\_id”:“8709c38d0de58947i0”,“output\_id”:“8709c38c782cc84bo1”},{“input\_id”:“8709c38c6b129043i1”,“output\_id”:“8709c38c782cc84bo1”},{“input\_id”:“8709c38c100b1c43i1”,“output\_id”:“8709c38d0de58947o0”},{“input\_id”:“8709c38bae32af4bi1”,“output\_id”:“8709c38d2628ee46o0”},{“input\_id”:“8709c38b5a5e2044i1”,“output\_id”:“8709c38d46b0d84do0”},{“input\_id”:“8709c38b4619fe4ci1”,“output\_id”:“8709c38dfb041e4co0”},{“input\_id”:“8709c38d0de58947i2”,“output\_id”:“8709c38d2111594ao0”},{“input\_id”:“8709c38dfb041e4ci2”,“output\_id”:“8709c38d2111594ao0”},{“input\_id”:“8709c38d46b0d84di2”,“output\_id”:“8709c38d2111594ao0”},{“input\_id”:“8709c38d2628ee46i2”,“output\_id”:“8709c38d2111594ao0”}]}}}

---

<div class="post-metadata">

**Author:** ![fighting\_game](https://community.flowlab.io/user_avatar/community.flowlab.io/fighting_game/32/52225_2.png) [@fighting\_game](https://community.flowlab.io/u/fighting_game)\
**Post date:** [February 9, 2021, 1:51pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/6 "2021-02-09T13:51:42Z")

</div>

what will that last part do?

---

<div class="post-metadata">

**Author:** ![AbstractGallery](https://community.flowlab.io/user_avatar/community.flowlab.io/abstractgallery/32/43148_2.png) [@AbstractGallery](https://community.flowlab.io/u/AbstractGallery)\
**Post date:** [February 9, 2021, 1:52pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/7 "2021-02-09T13:52:30Z")

</div>

So you can copy the text/code and import and paste it into your game.

---

<div class="post-metadata">

**Author:** ![ManiacPumpkin](https://community.flowlab.io/user_avatar/community.flowlab.io/maniacpumpkin/32/57346_2.png) [@ManiacPumpkin](https://community.flowlab.io/u/ManiacPumpkin)\
**Post date:** [February 9, 2021, 1:53pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/8 "2021-02-09T13:53:30Z")

</div>

Both would work, but with Darian\_K’s design when any key is pressed up the velocity will be set to zero. Actually every top-down movement code I use, I never use the set where you can choose either arrow or wasd, lol. It’s always one or the other.

---

<div class="post-metadata">

**Author:** ![AbstractGallery](https://community.flowlab.io/user_avatar/community.flowlab.io/abstractgallery/32/43148_2.png) [@AbstractGallery](https://community.flowlab.io/u/AbstractGallery)\
**Post date:** [February 9, 2021, 1:56pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/9 "2021-02-09T13:56:57Z")

</div>

The one I posted is actually @grazer’s from his Apocalypse Arena, I just copied it and added it to my menu, and it has helped me so much!

---

<div class="post-metadata">

**Author:** ![Spiffy.Corp](https://community.flowlab.io/letter_avatar_proxy/v4/letter/s/7bcc69/32.png) [@Spiffy.Corp](https://community.flowlab.io/u/Spiffy.Corp)\
**Post date:** [November 16, 2023, 5:09am UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/10 "2023-11-16T05:09:09Z")

</div>

I’m struggling with getting the environment to act like a top down game? My sprite will only move along a flat horizontal plain. I have my setup the same as the first screenshot from @fighting_game

---

<div class="post-metadata">

**Author:** ![BradenS](https://community.flowlab.io/user_avatar/community.flowlab.io/bradens/32/65778_2.png) [@BradenS](https://community.flowlab.io/u/BradenS)\
**Post date:** [November 16, 2023, 11:51am UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/11 "2023-11-16T11:51:03Z")

</div>

Send your game link so we can see what is going on. Have you set your “ground” object to non-solid?

---

<div class="post-metadata">

**Author:** ![Spiffy.Corp](https://community.flowlab.io/letter_avatar_proxy/v4/letter/s/7bcc69/32.png) [@Spiffy.Corp](https://community.flowlab.io/u/Spiffy.Corp)\
**Post date:** [November 16, 2023, 3:34pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/12 "2023-11-16T15:34:53Z")

</div>

I realized what it was! My I set my game gravity to 0 so now I can move freely!

---

<div class="post-metadata">

**Author:** ![BradenS](https://community.flowlab.io/user_avatar/community.flowlab.io/bradens/32/65778_2.png) [@BradenS](https://community.flowlab.io/u/BradenS)\
**Post date:** [November 16, 2023, 3:59pm UTC](https://community.flowlab.io/t/i-want-to-make-a-top-down-game/29964/13 "2023-11-16T15:59:04Z")

</div>

Nice! It’s great that you figured out the problem for yourself. Next time you have a question, you can make a _new_ topic instead of posting on topics that are years old. 😄