Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
Tags

Repeating Backgrounds & Itch App vs Chrome

A topic by Ommageden created Jan 05, 2021 Views: 425 Replies: 2
Viewing posts 1 to 2
(2 edits)

This is a small nitpick, but something that is a bit frustrating to find out the first time.  Currently on the itch.io app, when looking at a game page, the page's background has a different width than the website when viewed through something such as chrome. This makes backgrounds that repeat and work on something such as the itch app, not work on the chrome equivelent. 

I'm not sure exactly what can be done to get around this, it seems the extra space is entirely taken up by the left Explore/Library/Collections/My Creations tab on the left. 

Potentially I made an error miss-sizing my background but I imagine I'm not the only one with this issue. Visual consistency should be aimed for regardless.  Luckily for me this is a simple fix (I'm just going to change the one color mismatched tile).

Thanks for making itch awesome!

Picture examples (I can remove if requested):

Itch App


Website, note the left hand side hexagons.

Moderator (1 edit) (+1)

I’m not sure if there’s a specific size that can fit all backgrounds. I visited your project Strife: The Expanse on Firefox, I resized the window so it’s very wide (going beyond the screen) and I could see the background repeating and the line of its limit.

My suggestion would be, your background is already hexes, make it repeatable. As in, the same hexes that appear when the image starts, should appear when the image ends. I’m not sure if the colors are meant to display a specific pattern, but this technique would ensure your background looks descent on all screen sizes.

(2 edits)

That makes sense, thanks a bunch! Yeah i tried to do that, but my skills are a bit lacking on photoshop. I'll try to improve. Thanks! Was just something I noticed and wasnt sure if there was a way to scale it, but I have no knowledge of web development so I figured id suggest it.