The Invisible Engine Building a Better Browser
Here’s the start of our very first dev diary. Right from day one on Block Sort Pro, the goal wasn’t simply making a new puzzle title - it was pushing back against how most phone games work now. These days, plenty of apps feel overstuffed - packed inside bulky systems leading to huge installs, slow startups, and fast-draining power bars.
That path wasn’t ours. Instead, line by line, we built it raw - HTML5 Canvas API, only JavaScript, no shortcuts. What came out runs smooth, tight, almost mechanical, nothing web-like about it.
Why Use Canvas API The No Engine Approach
Picture building games today. Most folks reach for Unity or Unreal right away. These platforms pack powerful features inside. Yet each carries hidden weight - unnecessary scripts piling up behind the scenes. Even displaying a basic square on screen means dragging along tons of background noise. Your mobile device handles far more than it needs.
Faster communication happens when the Canvas API talks straight to your browser's drawing system.
Just the code that works. Nothing extra sneaks in. Libraries sit empty? They aren’t here. Engine bloat? Never made it through the door. Every line pulls its weight
Quick runs happen because the browser skips decoding a heavy game framework. Instead it follows our code line by line, placing each pixel right away. That speed comes from skipping extra layers most games carry.
Not waiting around. That loading bar vanishes fast - game starts almost right away. Not because of magic, but design. No bulky 50MB framework slowing things down. Just a tight piece of code built to move quickly. Ready the moment you are.
The Pursuit of 60 Frames Per Second
A shaky motion kills the quiet joy of sliding pieces into place. That smooth rhythm matters more than numbers suggest. We aimed at one clear target through every update: sixty fluid moments each second, never dropping. When things jerk, even slightly, the calm focus slips away.
We made the Animation Loop run smoother. Most games work like this: the machine must
Process Input: Did the player tap a tube?
Now here's how the logic shifts: what path does the block take?
Every pixel shifts. Its updated spot appears on screen. Movement happens frame by frame. Location changes show motion clearly. Each update paints what comes next.
When the cycle stretches past 16.6 milliseconds, frames start to lag. Smooth slides, pops, and glows in Block Sort Pro happen because the code stays light - paired with requestAnimationFrame from the Canvas API. Butter-like motion comes from timing, not force.
Mobile First Design With Flexible Layouts
Web design must fit countless display dimensions. Starting with mobile didn’t mean focusing only on tiny devices but shaping layouts that adapt through Responsive Geometry.
Everything inside Block Sort Pro adjusts based on how much space your screen offers. Rather than locking elements to set pixels, proportions shift fluidly across devices. Size decisions come from dividing up available area into chunks. Each part grows or shrinks depending on what you're viewing it on. The layout breathes with your window size.
When viewed on an iPhone 15 Pro, the tubes appear slim and stretched out. Yet, on a desktop screen, they grow larger without losing sharpness along their edges.
Resize your browser any way you like. Thanks to math-based vectors, those glowing squares stay sharp every time. Distortion disappears because the shapes adapt smoothly behind the scenes. Sharp edges stick around, even when stretched wide or squeezed small.
Invisible Engineering Shaping Player Experience
Playing feels smooth when tech stays out of view. Not worrying about code matters more than knowing how it works. Focus lands on sliding the final purple piece into the leftmost slot. Details like Canvas API fade behind moves and timing. What counts sits right there - just before your next decision.
What stands out most? The absence. Gaps where flaws should be. Silence instead of noise. Smoothness without effort. Missing parts tell a story too - of choices made early, details erased later. Emptiness here means care was taken. What you do not experience speaks volumes. Space left behind proves something solid once shaped it
Nothing loads behind a progress bar. Just works right away.
Fingers tap the button - response feels instant. Every click rolls back changes without delay. Motion flows smooth, like flipping pages backward in silence
Heat stays out of reach when you hold it. Cold metal rests quiet against skin.
Ready whenever you are, the game runs on plain JavaScript. Hidden beneath playful tiles, it’s clever code at work. Each pixel built to last. 🚀 Final thought: Care shows up in small details
What if clean code could feel like art? Block Sort Pro shows how simplicity drives quality. Not every great game demands huge resources. Instead think clever systems, smooth speed, one frame at a time. Respect the user by cutting waste. Let gameplay breathe. That changes everything.
First things first - we’re glad you’re here for this debut update. Picture how smooth it feels when puzzles run at 60 frames each second. Imagine never waiting again between levels. That’s what shows up now every time you play.