Skip to main content

Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines

Bitsy Color +

Like the bitsy game editor but wish you could just use all the colors, well... · By AuryFae

Help thread Sticky

A topic by AuryFae created Feb 23, 2023 Views: 1,440 Replies: 13
Viewing posts 1 to 6
Developer(+2)

Here's the start of the community help thread, for folks to search through.

(+4)

Hi AurySystem, just wondering if there is any way to make Sprites transparent? I have coded in BGC * where appropriate but when I download the Multicolor Bitsy Game HTML the same sprites that are showing with a transparent background in the editor window are no longer transparent when playing the game. I've checked and BGC * is still in the downloaded code, but not being applied.

Any ideas on how to get this to work?? Many many thanks!

(+1)

i'm having the same issue!! did you ever resolve it?

Have you figured out a fix?

(+1)

It's October 2025 and this is still an issue.

aprl 22 2026 and still an issue

I fixed it.  Bitsy color sets the tileColorStartIndex to 16. And so bitsy considers the color that is index 0 to be transparent. But when you set the index to 16, the color of the sprite that is supposed to be transparent is no longer i = 0, its i =16. But bitsy is still looking at i = 0 to be the transparency in sprites. I set tileColorStartIndex to 0 and my sprites' transparency worked as expected, but my text + text box palette started using my sprites' palettes. So colours i = 0-15 are in use. 

So I searched for the variable isTransparent and changed the (color === 0) to (color === 16) and that did it. Everything works as intended.

(+1)

First of all, I wanted to say, great tool!! I love the tile editing capabilities especially (being able to flip tiles and stuff makes tilesets much easier to make).

Wasn’t quite sure where else to put this, but when I switch to HD mode and make a new sprite and try to animate it, the second frame of the animation will still be 8x8, and I have to fix it manually in the game data. I’m not sure if the engine likes this. I also think it would be neat to be able to make the avatar 16x16 in the editor.

Thanks so much for making such an awesome hack!

(+1)

considering how many bitsy hacks are outdated I appreciate your work a lot. 

I imported a bitsy HD project I've been working on to color+ and it was working no problem in engine. 
But the second I exported/opened the html file, it would get squashed back to 8x8 tiles 
even nonanimated sprites. 

hopefully there's something that can be done about it. I wonder what keeps 16x16 hacks so unstable. 

Even if there's no solution Thank you for your time with this hack :>

I figured out you need to change the global variable from 8x8 to 16x16

Oh cool!! I'll test that out! thank you so much for sharing :D

(1 edit) (+1)

Hi! Having the same issue here. What exactly do you mean by 'global variable'? Tried to find it in the game data and got confused.

Update: Realized I have to open the .html file and change the metadata. Thanks!

(+2)

I'd also like to use transparent sprites with Bitsy Color+, it's a mystery that it works on the editor but not after export.

Also is there any way we could support this project?

open the .html and add "|| color === tileColorStartIndex " to

var isTransparent = (color === 0 );

like so:

if (color != fillColor) {
     var isTransparent = (color === 0 || color === tileColorStartIndex);
     imageCtx.fillStyle = makeFillStyle(color, isTransparent);
     imageCtx.fillRect(x * imageScale, y * imageScale, imageScale, imageScale);
}