How We Built Our Browser Games: A Developer's Journey

Everyone on this site is free to play, needs no download, and runs entirely in the browser. That "just works" quality is the result of specific choices, and a few honest mistakes along the way. This is the behind-the-scenes story of wqnlll Game Center — how the games were made, what we care about, and the design rules we hold ourselves to. We share it partly because transparency matters, and partly because we genuinely enjoy the craft.

Where it started

The project began with a simple observation: watching kids struggle to memorize English words. Flashcards and vocabulary books worked for some, but the moment any child discovered a game, the resistance to "study" vanished. It felt wrong that learning had to be a chore. So we set out to build a game that taught vocabulary the way games naturally teach anything — by making the player want to keep going.

The first release was a classic brick breaker mechanic, but with a twist that turned out to be the whole point: every brick is a word card. English word on the brick, and when you break it, the word is spoken aloud with its Chinese meaning. Boredom, the enemy of vocabulary, simply has no room in a game that asks you to keep your eye on a moving ball.

Learning (and re-learning) the technology

Every game here is built with plain web technologies — HTML, CSS and JavaScript — rendering to the HTML5 Canvas. No third-party engine, no installable runtime. That was a deliberate choice for support and portability: anything with a modern browser, phone or desktop, can play the same game. Once we had the core loop working in one game, the technique carried over to the next — a tank shooter, a math facts game, and a real-time strategy game all rest on the same foundation.

We also made our share of mistakes, and they were instructive. Early on, we placed ad placeholders on a screen with no meaningful content, which taught us a hard rule about showing advertising honestly. We misjudged how a game would behave on a real phone versus a test environment, and had to rework input handling, since touches are not just tiny mouse clicks. Each of these failures fed directly into design rules we now never break.

Our design rules

Over time we settled on four rules that shape everything on the site:

• Free and complete. No paywall, no "premium" half of the game, no registration before you play. Opening the page is the whole experience.
• Safely ad-lite. A game should never be interrupted by a full-screen ad in the middle of play. When advertising exists, it is modest and never hijacks the experience. No ads at all run on screens that carry no real content.
• Kid-first privacy. The games collect nothing and upload nothing. Scores and progress stay in the browser's own local storage. There is no account to create and therefore no personal data to lose.
• Honest and transparent. We tell you who made this, how to reach us, and what our privacy policy actually says. No dark patterns, no surprise downloads, nothing to clean up after.

Teaching was the point

Beyond entertainment, the games carry a learning purpose. English Brick Breaker pairs every word with pronunciation and context rather than rote repetition. The math game forces the kind of timed recall that research shows turns number facts from conscious effort into instant answers. We write plain guides — on learning English through games, on math fact fluency, on why games beat flashcards — because a game is most useful when the learner understands why it works.

An open approach

We keep the site open and accountable: the about page names the creator and links to our public issue tracker for feedback and bug reports. If something is broken, unclear, or could be better, we would rather hear about it than have it sit quietly in the background. This is a site built by a developer who uses it, for people who actually play the games — and that relationship only works if we keep listening.

What's next

The library keeps growing, and each new game is an excuse to learn one more technique and then give it away. Our guiding question for every addition remains the same as it was for the first brick breaker: does this make learning — or play — genuinely better for the person on the other side of the screen? If it does, it earns its place. If it does not, no matter how clever the code, it does not.

The bottom line

Browser games feel like magic, but they are assembled from plain tools, patient iteration, and a clear set of values. We are proud that every game here is free, install-free, and built with the player — especially the young ones — in mind. The journey has been one of constant learning, and the best part of teaching through games is that we keep learning alongside the players.