# \[Announcement\] arcade-background-scroll now supports parallax!

**URL:** <https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479>\
**Category:** Arcade\
**Created:** [March 3, 2022, 11:17pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479 "2022-03-03T23:17:25Z")\
**Posts on this page:** 20\
**Page:** 1

<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:** [March 3, 2022, 11:17pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/1 "2022-03-03T23:17:25Z")

</div>

Hey folks,

I updated arcade-background-scroll to support parallax! You can now have multiple layers to your backgrounds and scroll them all independently. Here’s a demo:

> **[parallax-demo](https://arcade.makecode.com/30802-49821-21694-20642)**
>
> 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:** [March 3, 2022, 11:17pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/2 "2022-03-03T23:17:44Z")

</div>

Also, this was a request from @Kiwiphoenix364! Thanks!

---

<div class="post-metadata">

**Author:** ![AqeeAqee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/aqeeaqee/32/5424_2.png) [@AqeeAqee](https://forum.makecode.com/u/AqeeAqee)\
**Post date:** [March 4, 2022, 4:51pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/3 "2022-03-04T16:51:42Z")

</div>

Great!

> **[Parallex](https://arcade.makecode.com/35786-42530-51938-14459)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

And this make me remembered my Parallex ext, did it long time before. It suit of project “small” objects in % chance.  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/0/0b4734cfa3d0d719e122ed8407b6a56a4a0a10bf.png)  
(I changed physical engine a little at that time, and which has updated now, so the car jumping doesn’t work correctly, have not have time to debug it yet. But the parallex works.)

---

<div class="post-metadata">

**Author:** ![TheJaky](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thejaky/32/5711_2.png) [@TheJaky](https://forum.makecode.com/u/TheJaky)\
**Post date:** [March 4, 2022, 4:52pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/4 "2022-03-04T16:52:46Z")

</div>

This is really cool

---

<div class="post-metadata">

**Author:** ![Kiwiphoenix364](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kiwiphoenix364/32/14368_2.png) [@Kiwiphoenix364](https://forum.makecode.com/u/Kiwiphoenix364)\
**Post date:** [May 11, 2023, 11:33pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/5 "2023-05-11T23:33:06Z")

</div>

I’m going to make another request. Can we be able to use tiles in backgrounds? I’d imagine if a tile-based background (using the tilemap editor, maybe just without the option to add collision) was implemented it would be more efficient than a tilemap converted to an image. I just came up with this idea randomly, and Idk if it’s easy to implement or not.

---

<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:** [May 17, 2023, 11:30pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/6 "2023-05-17T23:30:23Z")

</div>

yeah, should be easy to add (famous last words)

---

<div class="post-metadata">

**Author:** ![sbergeroncp](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sbergeroncp/32/14567_2.png) [@sbergeroncp](https://forum.makecode.com/u/sbergeroncp)\
**Post date:** [May 7, 2024, 3:09am UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/7 "2024-05-07T03:09:30Z")

</div>

Hi there !

Background-scroll is so cool !

How can I make those blocks appear on my tools panels when I am programming a tutorial ?

`||scroller:scroll background with||` trying this. Nothing.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/8/8fac63a09802f80cc336bd75a02ded744ad08a02.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:** [May 7, 2024, 3:18am UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/8 "2024-05-07T03:18:02Z")

</div>

@sbergeroncp Vous devrez inclure le dépôt à la fin de votre tutoriel.

_sbergeroncp You’ll need to include the repo at the end of your tutorial._

````markdown
    ```package
    scroller=github:microsoft/arcade-background-scroll
    ```

````

---

<div class="post-metadata">

**Author:** ![sbergeroncp](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sbergeroncp/32/14567_2.png) [@sbergeroncp](https://forum.makecode.com/u/sbergeroncp)\
**Post date:** [May 7, 2024, 3:40pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/9 "2024-05-07T15:40:24Z")

</div>

Yes I did.

But it did not work yesterday for some reason.

The pink blocks showed in preview but in red.

Working now !

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/7/760773e836bbaf49ea6530897110adeabbeed064.png)

---

<div class="post-metadata">

**Author:** ![Jedi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jedi/32/14307_2.png) [@Jedi](https://forum.makecode.com/u/Jedi)\
**Post date:** [May 7, 2024, 4:44pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/10 "2024-05-07T16:44:59Z")

</div>

is it possible to make some layers in front of everything?

---

<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:** [May 7, 2024, 4:45pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/11 "2024-05-07T16:45:48Z")

</div>

@Jedi not currently. What are you trying to do?

---

<div class="post-metadata">

**Author:** ![Jedi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jedi/32/14307_2.png) [@Jedi](https://forum.makecode.com/u/Jedi)\
**Post date:** [May 7, 2024, 5:02pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/12 "2024-05-07T17:02:30Z")

</div>

well i want there to be a parallax background in front of everything, the sprites, the tilemap, etc. it would move faster making the illusion that it was closer to the camera.

---

<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:** [May 7, 2024, 8:25pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/13 "2024-05-07T20:25:21Z")

</div>

gotcha… I’ll add a block to set the z-index of each of the layers

---

<div class="post-metadata">

**Author:** ![Future\_Knight](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/future_knight/32/22166_2.png) [@Future\_Knight](https://forum.makecode.com/u/Future_Knight)\
**Post date:** [May 7, 2024, 9:11pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/14 "2024-05-07T21:11:32Z")

</div>

Let’s go

---

<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:** [May 7, 2024, 11:25pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/15 "2024-05-07T23:25:52Z")

</div>

@Jedi done!

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/8/8f72ebe7007683fdec66c3fd4c80a362d2c696e2.png)

---

<div class="post-metadata">

**Author:** ![Jedi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/jedi/32/14307_2.png) [@Jedi](https://forum.makecode.com/u/Jedi)\
**Post date:** [May 7, 2024, 11:25pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/16 "2024-05-07T23:25:59Z")

</div>

yes tysm!

---

<div class="post-metadata">

**Author:** ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)\
**Post date:** [May 7, 2024, 11:26pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/17 "2024-05-07T23:26:00Z")

</div>

Hmm could you also add more layers?

---

<div class="post-metadata">

**Author:** ![Reflectfr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/reflectfr/32/32515_2.png) [@Reflectfr](https://forum.makecode.com/u/Reflectfr)\
**Post date:** [May 7, 2024, 11:26pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/18 "2024-05-07T23:26:01Z")

</div>

OH MY GOD, YES oh MY GOD.

---

<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:** [May 7, 2024, 11:26pm UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/19 "2024-05-07T23:26:42Z")

</div>

@Luke uhhhh… do you really need more than five?

---

<div class="post-metadata">

**Author:** ![goldtopaz](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/goldtopaz/32/28622_2.png) [@goldtopaz](https://forum.makecode.com/u/goldtopaz)\
**Post date:** [May 8, 2024, 5:00am UTC](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479/20 "2024-05-08T05:00:29Z")

</div>

I think it’s to do more complicated background scrolling like some donkey country sorta stuff

[Next page](https://forum.makecode.com/t/announcement-arcade-background-scroll-now-supports-parallax/12479.md?page=2)
