# How do i make it so the screen shows the whole tilemap **URL:** \ **Category:** Help\ **Created:** [April 30, 2025, 2:24am UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249 "2025-04-30T02:24:02Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![BlobDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blobdev/32/25519_2.png) [@BlobDev](https://forum.makecode.com/u/BlobDev)\ **Post date:** [April 30, 2025, 2:24am UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/1 "2025-04-30T02:24:02Z")
so you use titles utils brick center cmaera at tilemap 0 tilmap 0 ut what numbers do i use ---
**Author:** ![Stickman4269](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/stickman4269/32/23582_2.png) [@Stickman4269](https://forum.makecode.com/u/Stickman4269)\ **Post date:** [April 30, 2025, 3:08pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/2 "2025-04-30T15:08:51Z")
If you want to show the whole tilemap, you might need to increase the screen size by pastung this code into the JavaScript editor and substituting the things in the square brackets with a single number: namespace userconfig { export const ARCADE\_SCREEN\_WIDTH = [tilemap width \* tile width] export const ARCADE\_SCREEN\_HEIGHT = [tilemap height \* tile height] } ---
**Author:** ![BlobDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blobdev/32/25519_2.png) [@BlobDev](https://forum.makecode.com/u/BlobDev)\ **Post date:** [April 30, 2025, 3:19pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/3 "2025-04-30T15:19:14Z")
Ok thank you!!! ---
**Author:** ![BlobDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blobdev/32/25519_2.png) [@BlobDev](https://forum.makecode.com/u/BlobDev)\ **Post date:** [April 30, 2025, 4:16pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/4 "2025-04-30T16:16:35Z")
Do i have to add the number part at the start? ---
**Author:** ![BlobDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blobdev/32/25519_2.png) [@BlobDev](https://forum.makecode.com/u/BlobDev)\ **Post date:** [April 30, 2025, 4:16pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/5 "2025-04-30T16:16:43Z")
It wont work ---
**Author:** ![WoofWoof](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/woofwoof/32/32523_2.png) [@WoofWoof](https://forum.makecode.com/u/WoofWoof)\ **Post date:** [April 30, 2025, 4:19pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/6 "2025-04-30T16:19:35Z")
It won’t work because you can’t have variables in those constants. You have to figure out what the numbers are and then put them in as numbers instead of variables. Also, you can only set it to one size, so you won’t be able to change it while the program is running, only once at the very beginning ---
**Author:** ![BlobDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blobdev/32/25519_2.png) [@BlobDev](https://forum.makecode.com/u/BlobDev)\ **Post date:** [April 30, 2025, 5:23pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/7 "2025-04-30T17:23:56Z")
I cant figued out ---
**Author:** ![WoofWoof](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/woofwoof/32/32523_2.png) [@WoofWoof](https://forum.makecode.com/u/WoofWoof)\ **Post date:** [April 30, 2025, 8:50pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/8 "2025-04-30T20:50:29Z")
> [@Stickman4269](#): > > namespace userconfig { > export const ARCADE\_SCREEN\_WIDTH = [tilemap width \* tile width] > export const ARCADE\_SCREEN\_HEIGHT = [tilemap height \* tile height] > } Basically you have to add this code at the top of the JavaScript code to make it work, but with the “[…]” bits replaced with numbers. For example, since tiles are 16 x 16, if I had a 20 x 20 tile tilemap, I would put this code at the top of the JavaScript: ```auto namespace userconfig { export const ARCADE_SCREEN_WIDTH = 320 export const ARCADE_SCREEN_HEIGHT = 320 } ``` You’ll have to convert to JavaScript, write the code at the top, and then convert back to blocks. ---
**Author:** ![BlobDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blobdev/32/25519_2.png) [@BlobDev](https://forum.makecode.com/u/BlobDev)\ **Post date:** [May 1, 2025, 3:45pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/9 "2025-05-01T15:45:48Z")
Ok. Okok ---
**Author:** ![BlobDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blobdev/32/25519_2.png) [@BlobDev](https://forum.makecode.com/u/BlobDev)\ **Post date:** [May 1, 2025, 3:48pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/10 "2025-05-01T15:48:49Z")
Got it ---
**Author:** ![Krzystopher](https://avatars.discourse-cdn.com/v4/letter/k/8dc957/32.png) [@Krzystopher](https://forum.makecode.com/u/Krzystopher)\ **Post date:** [May 3, 2025, 7:31pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/11 "2025-05-03T19:31:46Z")
Is there a way to get it to start at a normal tilemap view, and then expand the view later in the code, rather than have it set at the same size the whole time? ---
**Author:** ![BlobDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/blobdev/32/25519_2.png) [@BlobDev](https://forum.makecode.com/u/BlobDev)\ **Post date:** [May 3, 2025, 11:01pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/12 "2025-05-03T23:01:54Z")
Timers, use the timer extention and put the grey smaller grey blocks in the first timers and the biggest in the last timers ---
**Author:** ![Astro](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/astro/32/35479_2.png) [@Astro](https://forum.makecode.com/u/Astro)\ **Post date:** [May 3, 2025, 11:02pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/13 "2025-05-03T23:02:25Z")
No, you cant change the screen size mid game, because the screen size is loaded at run time ---
**Author:** ![swirlix](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/swirlix/32/35624_2.png) [@swirlix](https://forum.makecode.com/u/swirlix)\ **Post date:** [May 3, 2025, 11:02pm UTC](https://forum.makecode.com/t/how-do-i-make-it-so-the-screen-shows-the-whole-tilemap/36249/14 "2025-05-03T23:02:28Z")
With the zoom extension I think that would be possible, just search it up