# Isometric tilemaps renderer (BETA)
**URL:** https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130
**Category:** Arcade
**Tags:** graphics-and-math
**Created:** [August 29, 2022, 4:22pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130 "2022-08-29T16:22:29Z")
**Posts on this page:** 11
**Page:** 1
### Author:  [@Kiwiphoenix364](https://forum.makecode.com/u/Kiwiphoenix364)
#### Post date: [August 29, 2022, 4:22pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/1 "2022-08-29T16:22:29Z")
I’ve made a custom renderer for isometric tilemaps, which will probably be expanded on in the future. This is a project that I will most likely be working on alongside the 1x1 tilemaps extension and my goal is to make an extension for isometric tilemaps.
THINGS TO ADD:
Smooth camera scrolling
Collision
Bug Fixes
Different tile sizes (MAYBE)
Here’s the project so far!
> **[isometric-tilemaps-beta-v0.1](https://arcade.makecode.com/65607-95052-74606-38442)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.
---
### Author:  [@Kiwiphoenix364](https://forum.makecode.com/u/Kiwiphoenix364)
#### Post date: [August 30, 2022, 6:10pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/2 "2022-08-30T18:10:28Z")
New Update!
Patch Notes:
- Added smooth scrolling
- Added the ability to made the tiles any size you want
> **[isometric-tilemaps-beta-v0.2](https://arcade.makecode.com/90495-11497-97118-60605)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.
For scaling the tiles, just make the first tile in the array to be the size you want! Then make sure every tile is in a diamond shape with the corners centered on each side! If there are diagonal gaps between tiles, try outlining the tiles with extra lines and that should fix it. This is a compact renderer but it did take a long time to make. I tried to optimize it with remainders, etc. but I resorted to “if” statements because the math wasn’t working as intended, so it will dip in perf for bigger tilemaps, but only a little bit. I’ll probably optimize it some more in the future, once I get collision working.
---
### Author:  [@isoffline](https://forum.makecode.com/u/isoffline)
#### Post date: [August 30, 2022, 6:28pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/3 "2022-08-30T18:28:16Z")
Yey ISOMETRIC one f=of my favorite type of games all you have to do tap
---
### Author:  [@isoffline](https://forum.makecode.com/u/isoffline)
#### Post date: [August 30, 2022, 9:25pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/4 "2022-08-30T21:25:30Z")
but im too dumb to understand the code
---
### Author:  [@Kiwiphoenix364](https://forum.makecode.com/u/Kiwiphoenix364)
#### Post date: [August 30, 2022, 9:41pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/5 "2022-08-30T21:41:41Z")
yeah, its kinda weird. For the tileMapImg, it takes the tiles as you place them and shifts every other row 1 block to the right. For the colors, those corespond to the tiles in the “list” array. (color 0 (clear) corresponds to the first tile in the array, color 1 (white) corresponds to the second tile in the array, and so on.)
---
### Author:  [@isoffline](https://forum.makecode.com/u/isoffline)
#### Post date: [August 30, 2022, 9:56pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/6 "2022-08-30T21:56:06Z")
i dont understand a single word you said
---
### Author:  [@Kiwiphoenix364](https://forum.makecode.com/u/Kiwiphoenix364)
#### Post date: [August 30, 2022, 10:04pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/7 "2022-08-30T22:04:41Z")
It’s OK, its not meant to be used for games yet. Once I do some more updates, I might release an extension that will be easy to use!
---
### Author:  [@isoffline](https://forum.makecode.com/u/isoffline)
#### Post date: [August 30, 2022, 10:21pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/8 "2022-08-30T22:21:24Z")
okkkkkkkk i will understand it if its fully released
---
### Author:  [@isoffline](https://forum.makecode.com/u/isoffline)
#### Post date: [October 12, 2022, 12:56am UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/9 "2022-10-12T00:56:16Z")
When are you gonna do updates on this?
---
### Author:  [@Kiwiphoenix364](https://forum.makecode.com/u/Kiwiphoenix364)
#### Post date: [October 12, 2022, 5:03pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/10 "2022-10-12T17:03:19Z")
Idk, I’d like hardware support but that seems impossible with my current knowledge… But maybe blitImage could help… I currently have a LOT of coding projects + school so this won’t be worked on for a while (sorry btw), maybe in a few months (like near Christmas maybe).
---
### Author:  [@isoffline](https://forum.makecode.com/u/isoffline)
#### Post date: [October 12, 2022, 5:06pm UTC](https://forum.makecode.com/t/isometric-tilemaps-renderer-beta/15130/11 "2022-10-12T17:06:35Z")
ye ok