# Top down racer

**URL:** <https://forum.makecode.com/t/top-down-racer/8961>\
**Category:** Help\
**Created:** [June 29, 2021, 4:04pm UTC](https://forum.makecode.com/t/top-down-racer/8961 "2021-06-29T16:04:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![JRT](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jrt/32/4826_2.png) [@JRT](https://forum.makecode.com/u/JRT)\
**Post date:** [June 29, 2021, 4:04pm UTC](https://forum.makecode.com/t/top-down-racer/8961/1 "2021-06-29T16:04:55Z")

</div>

I’m working on a top down racer and I need help to move the car and have it rotate with the arrow keys.

---

<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:** [June 29, 2021, 4:16pm UTC](https://forum.makecode.com/t/top-down-racer/8961/2 "2021-06-29T16:16:11Z")

</div>

For moving the sprite, try using the “move sprite with buttons” block in the controller category! You can set the speed if you press the “+” button on the block.

How many directions do you want the car to be animated in? Four (up down left right) or eight (up down left right and the diagonals)?

If it’s just four, you should try using the arcade-character-animations extension: [https://github.com/microsoft/arcade-character-animations](https://github.com/microsoft/arcade-character-animations)

Here’s an example program:

> **[top-down-animations](https://arcade.makecode.com/71554-37196-78004-97800)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<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:** [June 29, 2021, 4:19pm UTC](https://forum.makecode.com/t/top-down-racer/8961/3 "2021-06-29T16:19:15Z")

</div>

If you want to do eight directions, I recommend checking out @jwunderl’s scaling extension: [https://github.com/jwunderl/pxt-scaling](https://github.com/jwunderl/pxt-scaling)

That extension has a block for rotating an existing sprite, though it’s a little bit trickier to use.

---

<div class="post-metadata">

**Author:** ![JRT](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jrt/32/4826_2.png) [@JRT](https://forum.makecode.com/u/JRT)\
**Post date:** [July 6, 2021, 9:42pm UTC](https://forum.makecode.com/t/top-down-racer/8961/4 "2021-07-06T21:42:41Z")

</div>

thanks, @richard for the help but for now I think I’ll use this [https://makecode.com/\_UYDVxrWCC0wk](https://makecode.com/_UYDVxrWCC0wk)