Skip to main content

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

Making of Paint the Block puzzle

Hello There,

I am a puzzle game lover and have played many throughout these years. The passion for this category led me to make one of my own, hence gave birth to "Paint The Block," a strategy and logic puzzle game. The basic idea of the game is to fill blocks with color on a grid, making the player think from a strategic point on how he can fill certain areas.

I implemented this idea using my knowledge of HTML, CSS, and JavaScript. The first thing I formulated was a basic concept; I constructed a grid of 'div' elements and lined them in rows. Then, one of the first problems I had was to make the layout for the game responsive and looking good on a PC and mobile device. It was some of the CSS properties and media query considerations that went into the implementation which helped in the fluid grid structure; this way, the user experience was kept identical to all screen sizes.

The entire implementation process was an interesting yet challenging one. Key aspects I have to address relate to developing game logic that will color the divs. This has included making rules about how to paint the blocks, and making sure that whenever a color is applied to a grid area, it reasonably represents the area without overlapping into other areas and leaving some unfilled. One of the challenging things to include was the feature that does not treat the newly painted area to be painted on the ones below. This required correct calculations and careful coding in order to ensure that everything within the game worked accordingly.

In addition to the core mechanics, I spent much time setting up numerous kinds of puzzles with patterns in them and levels of difficulty. This meant creating an algorithm to churn out a unique layout for each puzzle so that each time it could run, a different puzzle would be given to the player, which would offer varied challenges. I tried to make sure that, besides being fun to solve, the puzzles induced strategic thinking and problem-solving skills in the player.

Quite a number of technical hurdles had to be passed for the development, and a few design iterations were done to pour better sensitivity, user-friendliness, and better engagement into the game. It was a very full-fledged process of work that let me skim my passion for gaming with technical skill in searching for solutions to make a unique and enjoyable game that I can share with pride.

All in all, "Paint The Block" was such an enriching experience to do in parallel to enriching my web development and game design skills. I'm eager to continue working on the game, looking for updates and new ways to engage players.

Support this post

Did you like this post? Tell us

Leave a comment

Log in with your itch.io account to leave a comment.