Some years ago, I wrote a tutorial on creating a Mahjong game in JavaScript. Back then, I used a single file to hold all of the images. A common way of cutting down HTTP requests. However, it made changing styles, sizes, and such very painful. Especially when the changes involved size. Shrinking the tiles? Easy, […]
Continue reading
One of the main benefits of using Scalable Vector Graphics (SVG) is what its name suggests: Scalability. When working on a WebApp UI, we usually want:
Continue reading
I love gaming and making games. I enjoy focusing on the small details, adding playful animations, and seeing that satisfying moment when a board fits together. Sometimes I even end up with an unbeatable computer opponent and call it “advanced AI.” Still, even when everything works as planned, too many players can be left out.
Continue reading
Back in 2009, I built a memory game with jQuery and PHP. It also used a flipping plugin and Flash for sound, which is a pretty good time capsule but not a stack I would choose for a small browser game today. So, let’s give it a proper update.
Continue reading
Previously, in the tic-tac-toe series, we programmed a simple game of tic-tac-toe. The version we built reminded me of two-player games in the early ’90s, when friends sat at the same computer to play. However, since playing with a friend is not always possible, it’s time to add a computer opponent to the mix.
Continue reading
Not too long ago (12 years or so), there appeared a new HTML version. It contained lots of cool stuff. It introduced us to some new semantic elements as well. Well, if you are anything like me, you will not blindly jump on everything new just because of how cool it sounds. Plus, there are […]
Continue reading
Let’s build a modern tic-tac-toe game with jQuery, complete with player names, SVG tokens, adjustable board sizes, scorekeeping, and replay controls. Along the way, we’ll use semantic HTML, CSS Grid, and beginner-friendly JavaScript to handle turns, wins, and draws.
Continue reading
Though it’s been a while, I think the time has come to revisit one of my previous tutorials: the Mahjong game. For those of you that haven’t read it, the Mahjong tutorial went throughthe stages of creating a very basic Mahjong game: the graphics, the layouts, the boards and all the rest. Since I published […]
Continue reading
Today’s post is a rather short and simple one. In most client-based games today, you can move using your keyboard. Browser-based games, however, are usually controlled using the mouse. But though using the arrow or WASD keys to interact with web pages is not too common, it can still be quite useful. In a web […]
Continue reading
Over the course of the previous posts, we’ve built and set up the entire infrastructure for our mahjong game. All that is left now is to create the actual game logic. Let’s start by going over the required functionality. What do we have in this game? The blocks are arranged in layers, and there can […]
Continue reading