# Card Delver

**URL:** <https://forum.makecode.com/t/card-delver/41695>\
**Category:** Show & Tell\
**Tags:** game, make, demo, art, music\
**Created:** [January 24, 2026, 3:18am UTC](https://forum.makecode.com/t/card-delver/41695 "2026-01-24T03:18:28Z")\
**Posts on this page:** 20\
**Page:** 2

<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:** [January 28, 2026, 7:00pm UTC](https://forum.makecode.com/t/card-delver/41695/21 "2026-01-28T19:00:17Z")

</div>

If you hold B, the cards straighten!

Drawing custom card rotations is not a good move in the slightest as the number of assets is already ridiculous. I would have to handmake literal thousands of new card assets, hundred of times the current amount (108) to make every possible card rotation.  
I don’t think you understand how the code functions, for every hand size increase, the card rotations are all different. So hand size 8 will have completely different rotations to hand size 11 for every single card.

Also this is all pretty moot because writing legible angled text is like impossible in a tiny pixel space.

---

<div class="post-metadata">

**Author:** ![RoboVacDev](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/robovacdev/32/29619_2.png) [@RoboVacDev](https://forum.makecode.com/u/RoboVacDev)\
**Post date:** [January 28, 2026, 10:05pm UTC](https://forum.makecode.com/t/card-delver/41695/22 "2026-01-28T22:05:49Z")

</div>

Hey @Luke do we like get to select the characters or does it select for us randomly?

---

<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:** [January 28, 2026, 10:32pm UTC](https://forum.makecode.com/t/card-delver/41695/23 "2026-01-28T22:32:03Z")

</div>

They’re selected randomly (will change this down the line)

---

<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:** [January 29, 2026, 2:45am UTC](https://forum.makecode.com/t/card-delver/41695/24 "2026-01-29T02:45:05Z")

</div>

It’s a new mini update V0-42-2 ! I’m using @BLADEr’s rotation extension to get even cleaner sprite rotations and reworking selection to look better. Now you can also cycle through infinitely in either direction. @Bifrosty i also think the text is actually pretty readable!

(link is updated above)

![CardDelverFixedselection-export](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/9/5/9530226a4faafe0f83a30f7493b6704ce251c294.gif)

---

<div class="post-metadata">

**Author:** ![Bifrosty](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/bifrosty/32/24819_2.png) [@Bifrosty](https://forum.makecode.com/u/Bifrosty)\
**Post date:** [January 29, 2026, 2:54am UTC](https://forum.makecode.com/t/card-delver/41695/25 "2026-01-29T02:54:01Z")

</div>

You don’t need to draw individual rotations for the entire card! Don’t rotate the image of the text. Here’s how to do that.

I just looked at your code. (Rly good art btw) You individually copied each card frame onto every card. That’s inefficient and probably wasted a ton of time. You should add overlays for the frames and the text to help with legibility and simultaneously save time.

1.Draw your card like normal, but this time draw your frame in a separate sprite.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/f/b/fb46d4e6e3f64abdbb4b47230901c2f939eaa54b.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/b/d/bdf7e55aa77a27fb0895e8478b965be26fb01aae.png)  
2.Set the frame sprite to have the same rotation and position as the base card in an on game update loop.  
 ![Screenshot 2026-01-28 174629](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/c/c/cccbadd48d77f6f9bfaecb2b8e05eab5314c42ae.png)  
In your game use a “for element of [array of all sprites]” because you have more than one card sprite.

Now you don’t have to spend forever making new images for every card frame. But its still difficult to see text at greater angles

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/c/2/c2c83ab1e20377de0b41a4c1546fed05e76b7be4.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/1/b/1b1eda20ba3432ee737bb34c5bc519c7a26dc2c7.png)

4.Use induvial sprites for letters (I’m just going to use the basic text sprite extension but you could use your own font.) You can make a function to split up individual letters from a string of text.

You can add an offset from the center of the card. Use an index loop to move each letter further to the right.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/3/f/3f06e903ca4cb4321b961a77b086f9b68d3e999d.png)  
Keep track of their initial angles and distance from the center of the card for the next step.

5.Add the rotation of the card to the initial angle of each letter and place it at the same distance away it had normally.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/5/f/5f71b6262a2b672f203f76b19068641f4019aa6d.png)  
6.Your text is now always legible!  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/1/1/11abcfe2ee1112d1854bafa25d6e5a76666150ba.png)

This method will save tonns of time because you don’t need to draw extra images for every card frame and as a bonus your text is easy to read! Here is my example:

> **[rotateableCards](https://arcade.makecode.com/36512-82996-95355-57572)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<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:** [January 29, 2026, 5:07pm UTC](https://forum.makecode.com/t/card-delver/41695/26 "2026-01-29T17:07:38Z")

</div>

I would honestly love to see this work but there’s a few issues that should be addressed. Thank you for the help though! Using sprite data of angles and distances to position them is a great idea

1). Using more sprites is a huge no. Card Delver already has a massive lag problem, I use 2 sprites for every card - a positioner and the card image and I still experience really poor performance at larger hand sizes and when starting events that load the deck.  
2). Custom textsprites will not be so simple - in your example the card is much larger, giving a lot of extra space to place your text. In Card Delver, most text is crammed into a space with 1px precision. I will try and see it would work though  
3). Adding card frames as an extra step is unnecessary, I’m not too sure why that was over complicated. There are very few circumstances where I would use the same art for multiple card types, i try to make each type unique.

oh LMAO i thought you were talking about the updated version too  
(i’ll still try and code this since it sounds like a fun challenge)

---

<div class="post-metadata">

**Author:** ![Bifrosty](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/bifrosty/32/24819_2.png) [@Bifrosty](https://forum.makecode.com/u/Bifrosty)\
**Post date:** [January 29, 2026, 5:11pm UTC](https://forum.makecode.com/t/card-delver/41695/27 "2026-01-29T17:11:53Z")

</div>

Or you could do that lol. Looks phenomenal.

---

<div class="post-metadata">

**Author:** ![Rune](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rune/32/18951_2.png) [@Rune](https://forum.makecode.com/u/Rune)\
**Post date:** [January 29, 2026, 5:13pm UTC](https://forum.makecode.com/t/card-delver/41695/28 "2026-01-29T17:13:47Z")

</div>

This looks _much_ better!

---

<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:** [January 30, 2026, 12:21am UTC](https://forum.makecode.com/t/card-delver/41695/29 "2026-01-30T00:21:18Z")

</div>

So my project that used the share link kind of got nuked, I think ill forget regularly doing small updates and just release larger ones more infrequently. It was probably because of chrome crashing out of memory and also makecode making a bunch of copies due to my project “being edited in another location” (even though I had worked on the code in one session)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/4/d/4d15adbc23dc49ab9137eb635875ec9b67c20df0.png)  
@AlexK im so sorry for bugging ya this should be the last time 😅

> **[Card Delver v0-44 Map Fix](https://arcade.makecode.com/77729-49496-58579-19278)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

---

<div class="post-metadata">

**Author:** ![BitBot](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/bitbot/32/33272_2.png) [@BitBot](https://forum.makecode.com/u/BitBot)\
**Post date:** [January 30, 2026, 12:22am UTC](https://forum.makecode.com/t/card-delver/41695/30 "2026-01-30T00:22:01Z")

</div>

I think changing te screen size might, just maybe, make it look a little better. I’m not asking you to do it though.😅

---

<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:** [January 30, 2026, 1:13am UTC](https://forum.makecode.com/t/card-delver/41695/31 "2026-01-30T01:13:52Z")

</div>

All good, Luke! Holler if you need anything else.

---

<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:** [January 30, 2026, 2:56am UTC](https://forum.makecode.com/t/card-delver/41695/32 "2026-01-30T02:56:49Z")

</div>

yeah, i definitely agree everything is really squished up against each other. I did run a poll a few years back but it seems a bit contentious. Theres several reasons why I’m considering it:

1. Status effects - These are always hard to read, always being relegated to the bottom of the screen where cards are bobbing up and down covering them. Increasing the screen height will make them much more visible.
2. Summons - Right now, theres already problems with enemy summons overlapping and just making a horrific garbled mess. If and when I add player summons, there simply won’t be enough space to handle that extra sprite. Increasing the width of the screen by 2x would fix this.
3. Items and coins - creating a UI bar up top for these elements will be much nicer if I have more room to play with
4. Enemy intents - I want to add larger boss sprites but with the current system their intents will simply not be visible

A side by side comparison to Slay the Spire (the game’s main inspiration) shows that i can definitely increase the height and width while keeping everything readable.

![CardDelverSelection](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/9/e/9e21e66a8800bcf25de38552c3737aaf047a1be2.gif)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/0/0/00637372b869099f125ac0762efc6fe20385d4a7.jpeg)

> [@Card Game: Sprites behaving in satisfying, unintentional ways](https://forum.makecode.com/t/card-game-sprites-behaving-in-satisfying-unintentional-ways/20445/28):
>
> Should I increase the screen size? (List advantages and disadvantages) Right now all the elements on the screen are just competing for space but I’m hesitant to change the screen size. Oh and also there is going to be an 18 pixel wedge at the top of the screen for displaying items and such. [poll](https://forum.makecode.com/t/card-game-sprites-behaving-in-satisfying-unintentional-ways/20445/28)

I’ll run it back again to just feel it out

_Poll ([view on site](https://forum.makecode.com/t/card-delver/41695/32))_

---

<div class="post-metadata">

**Author:** ![Rune](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rune/32/18951_2.png) [@Rune](https://forum.makecode.com/u/Rune)\
**Post date:** [January 30, 2026, 7:35pm UTC](https://forum.makecode.com/t/card-delver/41695/33 "2026-01-30T19:35:16Z")

</div>

2x might be too much. Maybe 1.5x?

---

<div class="post-metadata">

**Author:** ![TheGooberEarth](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thegooberearth/32/36693_2.png) [@TheGooberEarth](https://forum.makecode.com/u/TheGooberEarth)\
**Post date:** [January 31, 2026, 6:04pm UTC](https://forum.makecode.com/t/card-delver/41695/34 "2026-01-31T18:04:04Z")

</div>

240 and 160 is a great size its good but not too massive

---

<div class="post-metadata">

**Author:** ![TheGooberEarth](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thegooberearth/32/36693_2.png) [@TheGooberEarth](https://forum.makecode.com/u/TheGooberEarth)\
**Post date:** [January 31, 2026, 9:29pm UTC](https://forum.makecode.com/t/card-delver/41695/35 "2026-01-31T21:29:09Z")

</div>

you play silent I’m too bad so I always play ironclad

---

<div class="post-metadata">

**Author:** ![coppercode](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/coppercode/32/26022_2.png) [@coppercode](https://forum.makecode.com/u/coppercode)\
**Post date:** [February 2, 2026, 11:45pm UTC](https://forum.makecode.com/t/card-delver/41695/36 "2026-02-02T23:45:11Z")

</div>

really cool game but if I was to say one thing to improve on it the background Maby make it look a bit more interesting or Maby even layer but it an amazing game

---

<div class="post-metadata">

**Author:** ![javascriptnerd](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/javascriptnerd/32/36732_2.png) [@javascriptnerd](https://forum.makecode.com/u/javascriptnerd)\
**Post date:** [February 6, 2026, 5:46pm UTC](https://forum.makecode.com/t/card-delver/41695/37 "2026-02-06T17:46:36Z")

</div>

The art is beautiful

---

<div class="post-metadata">

**Author:** ![TheGooberEarth](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thegooberearth/32/36693_2.png) [@TheGooberEarth](https://forum.makecode.com/u/TheGooberEarth)\
**Post date:** [February 12, 2026, 3:30am UTC](https://forum.makecode.com/t/card-delver/41695/38 "2026-02-12T03:30:31Z")

</div>

@Luke I have a question is taser supposed to be “The Defect” with the lightning stuff also I’m pretty sure there’s 50 different colors in this game/j

---

<div class="post-metadata">

**Author:** ![Rune](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/rune/32/18951_2.png) [@Rune](https://forum.makecode.com/u/Rune)\
**Post date:** [February 17, 2026, 6:23pm UTC](https://forum.makecode.com/t/card-delver/41695/39 "2026-02-17T18:23:42Z")

</div>

Uh…

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/3X/e/b/ebd7ff685d86f1d27982996d0f9d89bcca4bc4ef.png)

It’s not the map that shows up when you press menu because pressing menu overlays a more up-to-date map.

---

<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:** [February 17, 2026, 7:18pm UTC](https://forum.makecode.com/t/card-delver/41695/40 "2026-02-17T19:18:06Z")

</div>

whats the problem? is the map out of sync?

[Previous page](https://forum.makecode.com/t/card-delver/41695.md?page=1)

[Next page](https://forum.makecode.com/t/card-delver/41695.md?page=3)
