# Zoom Extension

**URL:** <https://forum.makecode.com/t/zoom-extension/13745>\
**Category:** Arcade\
**Tags:** extension\
**Created:** [May 23, 2022, 9:11pm UTC](https://forum.makecode.com/t/zoom-extension/13745 "2022-05-23T21:11:12Z")\
**Posts on this page:** 20\
**Page:** 1

<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 23, 2022, 9:11pm UTC](https://forum.makecode.com/t/zoom-extension/13745/1 "2022-05-23T21:11:13Z")

</div>

I finally finished the zoom extension, which allows you to zoom in (and out, with the outside just being black) the screen! Also, thanks to Richard for helping with some debugging in [this topic](https://forum.makecode.com/t/help-debugging-screen-zoom-extension/13735). This could be used to make some cool effects, as well as zoom in when action in your game gets intense! Also, gradual zoom effects will be added soon!

Here’s the link:  
kiwiphoenix364/pxt-zooom  
Type this into the search bar at the top of the extensions page and click the extension!

---

<div class="post-metadata">

**Author:** ![danger\_kitty](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/danger_kitty/32/32006_2.png) [@danger\_kitty](https://forum.makecode.com/u/danger_kitty)\
**Post date:** [May 25, 2022, 4:54pm UTC](https://forum.makecode.com/t/zoom-extension/13745/2 "2022-05-25T16:54:53Z")

</div>

MY new fav extension  
 ![download (3)](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/f/f7c0bbaacc2de3d0257b2c91a14d029f99fc58e2.gif)

---

<div class="post-metadata">

**Author:** ![IvanPoon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/ivanpoon/32/6232_2.png) [@IvanPoon](https://forum.makecode.com/u/IvanPoon)\
**Post date:** [May 25, 2022, 5:04pm UTC](https://forum.makecode.com/t/zoom-extension/13745/3 "2022-05-25T17:04:30Z")

</div>

your link doesn’t work fir me

---

<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 25, 2022, 5:20pm UTC](https://forum.makecode.com/t/zoom-extension/13745/4 "2022-05-25T17:20:41Z")

</div>

Sorry, I misspelled it, do “kiwiphoenix364/pxt-zoom” (with 2 O’s in zoom instead of 3)

---

<div class="post-metadata">

**Author:** ![danger\_kitty](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/danger_kitty/32/32006_2.png) [@danger\_kitty](https://forum.makecode.com/u/danger_kitty)\
**Post date:** [May 25, 2022, 5:20pm UTC](https://forum.makecode.com/t/zoom-extension/13745/5 "2022-05-25T17:20:48Z")

</div>

> [@Kiwiphoenix364](#):
>
> kiwiphoenix364/pxt-zooom

Link to get page

> **[GitHub - kiwiphoenix364/pxt-zoom: Extension for making the image that is...](https://github.com/kiwiphoenix364/pxt-zoom)**
>
> Extension for making the image that is currently on the screen be zoomed in! - GitHub - kiwiphoenix364/pxt-zoom: Extension for making the image that is currently on the screen be zoomed in!

---

<div class="post-metadata">

**Author:** ![IvanPoon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/ivanpoon/32/6232_2.png) [@IvanPoon](https://forum.makecode.com/u/IvanPoon)\
**Post date:** [May 26, 2022, 4:49pm UTC](https://forum.makecode.com/t/zoom-extension/13745/6 "2022-05-26T16:49:14Z")

</div>

Oh, Thanks

---

<div class="post-metadata">

**Author:** ![Segatendo](https://avatars.discourse-cdn.com/v4/letter/s/898d66/32.png) [@Segatendo](https://forum.makecode.com/u/Segatendo)\
**Post date:** [May 27, 2022, 5:08pm UTC](https://forum.makecode.com/t/zoom-extension/13745/7 "2022-05-27T17:08:17Z")

</div>

could you post an example on this extension please i dont quite understand how to use it

---

<div class="post-metadata">

**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\
**Post date:** [May 27, 2022, 7:15pm UTC](https://forum.makecode.com/t/zoom-extension/13745/8 "2022-05-27T19:15:06Z")

</div>

Can you make it possible to zoom out. When I tried using minus 2 the screen went upside down

---

<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 27, 2022, 9:46pm UTC](https://forum.makecode.com/t/zoom-extension/13745/9 "2022-05-27T21:46:03Z")

</div>

You can zoom out if you set the zoom to a decimal number (\<1), so 0.5 would make it half the size! My code uses the screen image though, so there will be black around the sides.

---

<div class="post-metadata">

**Author:** ![PrinceDaBezt123](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/princedabezt123/32/6280_2.png) [@PrinceDaBezt123](https://forum.makecode.com/u/PrinceDaBezt123)\
**Post date:** [May 31, 2022, 4:34pm UTC](https://forum.makecode.com/t/zoom-extension/13745/10 "2022-05-31T16:34:20Z")

</div>

@danger_kitty Is it possible to send the link of your new favorite extension to me? The one where there are mini lives attached to the sprite? Thanks!! 😁

---

<div class="post-metadata">

**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\
**Post date:** [May 31, 2022, 4:35pm UTC](https://forum.makecode.com/t/zoom-extension/13745/11 "2022-05-31T16:35:58Z")

</div>

Thanks

---

<div class="post-metadata">

**Author:** ![Segatendo](https://avatars.discourse-cdn.com/v4/letter/s/898d66/32.png) [@Segatendo](https://forum.makecode.com/u/Segatendo)\
**Post date:** [May 31, 2022, 4:37pm UTC](https://forum.makecode.com/t/zoom-extension/13745/12 "2022-05-31T16:37:45Z")

</div>

for me it only zooms in for half a second or glitches

---

<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 31, 2022, 8:56pm UTC](https://forum.makecode.com/t/zoom-extension/13745/13 "2022-05-31T20:56:21Z")

</div>

Basically, the number controls how big each pixel gets (e.g. if you set it to 2, each pixel becomes a 2x2 pixel, zooming into the center of the screen.) If you put a variable for the zoom value and run it on game update, you can change that variable slowly for smooth zooming! I also have a demo where pressing up/down will change how zoomed in the screen is!

> **[ZOOM - DEMO](https://arcade.makecode.com/55896-03193-59005-39058)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

I hope this explains it well enough!

---

<div class="post-metadata">

**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\
**Post date:** [May 31, 2022, 8:56pm UTC](https://forum.makecode.com/t/zoom-extension/13745/14 "2022-05-31T20:56:32Z")

</div>

But that doesn’t help me. I’m trying to zoom out the view so I can see more at once

---

<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 31, 2022, 9:10pm UTC](https://forum.makecode.com/t/zoom-extension/13745/15 "2022-05-31T21:10:29Z")

</div>

You have to use the new block in on game update, then, I recommend having a variable in the block, so you don’t have to have if statements in on game update, and so you can easily change the zoom gradually. I hope this helps!

---

<div class="post-metadata">

**Author:** ![danger\_kitty](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/danger_kitty/32/32006_2.png) [@danger\_kitty](https://forum.makecode.com/u/danger_kitty)\
**Post date:** [May 31, 2022, 9:10pm UTC](https://forum.makecode.com/t/zoom-extension/13745/16 "2022-05-31T21:10:33Z")

</div>

Well the mini live were coded into the game three brave cats 2 witch is a game I am working on  
right now

---

<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 31, 2022, 9:17pm UTC](https://forum.makecode.com/t/zoom-extension/13745/17 "2022-05-31T21:17:31Z")

</div>

This extension doesn’t access/change the renderer, just the screen buffer after the screen has been rendered. If you want more tiles on screen, I recommend using 8x8 tilemaps, then zoom more if you want it to be bigger.

---

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [May 31, 2022, 11:58pm UTC](https://forum.makecode.com/t/zoom-extension/13745/18 "2022-05-31T23:58:31Z")

</div>

This extension just resizes the screen image, it does not change the zoom of the camera. (which is different) You could get a similar result as @Kiwiphoenix364 by making all your sprites and tilemaps 2x smaller, and do 2x when you want “1x” size.

---

<div class="post-metadata">

**Author:** ![PrinceDaBezt123](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/princedabezt123/32/6280_2.png) [@PrinceDaBezt123](https://forum.makecode.com/u/PrinceDaBezt123)\
**Post date:** [June 1, 2022, 5:03pm UTC](https://forum.makecode.com/t/zoom-extension/13745/19 "2022-06-01T17:03:06Z")

</div>

@danger_kitty Oh ok! It’s great to hear that Three Brave Cats 2 might be coming out soon. I loved the first one!!

---

<div class="post-metadata">

**Author:** ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)\
**Post date:** [June 1, 2022, 5:17pm UTC](https://forum.makecode.com/t/zoom-extension/13745/20 "2022-06-01T17:17:54Z")

</div>

I’m trying to make the super Mario bros game but the original game has a much bigger wiew

[Next page](https://forum.makecode.com/t/zoom-extension/13745.md?page=2)
