BRX_PREMIUM is a minimal tribute to the classic breakout genre, reimagined through high-end digital art aesthetics. Built with pure HTML5 Canvas and vanilla JS, it delivers liquid procedural gradients, neons, and fluid particle explosions with 0 libraries or dependencies. Features dynamic responsiveness for any screen and an integrated AI bot that clears all 3 demo levels flawlessly while capturing a crisp, 60fps HD video download directly inside your browser.
No reviews yetBe the first to leave a review for BRX_PREMIUM // Kinetic Arcade Experience
Maker
📌
Hey Product Hunt! 👋
I’m Stephaniia, the creator of BRX_PREMIUM.
This project started as an experiment: can we build a mesmerizing, visual-heavy arcade experience that feels like a multi-dollar award-winning website, but weighs absolutely nothing?
In a world where simple web apps require megabytes of npm packages, BRX_PREMIUM is our quiet protest. It runs entirely on native vanilla JavaScript and HTML5 Canvas. We meticulously built everything from scratch—the pixel-perfect collision physics, the fluid particle systems, and the responsive resizing matrix.
To make things even more interesting, we hooked up a built-in AI assistant directly into the game loop. If you just want to watch the visual art unfold, the bot will take over, play perfectly, and record a crystal-clear 60fps HD video file right to your machine.
The demo features 3 handcrafted architectural levels. I would love to hear your feedback on the physics and overall feel!
Let's chat in the comments! ⚡
Report
💎 Pixel perfection
honestly this looks gorgeous, but one thing i'd love to see is a level editor or some kind of shareable seed so you can replay a specific brick layout. right now the three demo levels are cool but i'd basically burn through them in a few minutes and want more to chew on, you know
Report
Maker
@barnaby_liang Hey! Thank you so much for the kind words, I really appreciate you digging the aesthetics! ✨
You actually hit the nail on the head. A level editor or a shareable seed system is exactly what a high-fidelity arcade experience like this needs for endless replayability.
Since this is a lightweight, zero-dependency demo version tailored to showcase the core canvas mechanics, the fluid physics, and the built-in AI recorder, the level count is intentionally capped to keep the build pure and tight.
However, expanding the brick matrix, adding custom procedural layouts, and introducing full sandbox capabilities is precisely what the complete, premium version is built for! If you’re down to chew on some more advanced architecture or want to chat about custom configurations, feel free to drop me a line at stephaniiabubnova@gmail.com — I’d love to show you what’s cooking behind the scenes! Claps for the awesome suggestion! 🚀
Report
Maker
Hey tech hunters,
While the ranking algorithm is doing its chaotic storm thing, I wanted to drop a quick, hardcore technical update for the developers here.
I’ve injected a highly efficient AI bot directly into the active game loop, completely independent of the core source code. It scans the coordinate matrix in real-time, intercepts the lowest ball by predicting its plunging vector, and calculates the perfect paddle-edge strike to angle it back into the remaining clusters. On top of that, it forces a crisp 60fps HD .webm video capture directly from the canvas.
Here is a snippet of how the automation hook injects into the requestAnimationFrame update sequence:
// THE BRICK-HUNTER AI BRAIN SNAPSHOT
if (this.gameState === 'play' && this.balls.length > 0 && this.bricks.length > 0) {
// Pinpoint the most critical ball closest to the danger zone
let targetBall = this.balls[0];
for (let i = 1; i < this.balls.length; i++) {
if (this.balls[i].y > targetBall.y) targetBall = this.balls[i];
}
// Locate the center mass of all remaining brick clusters
let avgBrickX = 0;
this.bricks.forEach(b => {
avgBrickX += offsetX + b.gridX * (brickW + 6) + brickW / 2;
});
avgBrickX /= this.bricks.length;
// Aggressively calculate target strike vector to alter the angle of reflection
let targetX = targetBall.x;
if (targetBall.vy > 0 && targetBall.y > this.paddle.y - 200) {
const directionToBricks = avgBrickX - targetBall.x;
const shift = directionToBricks > 0 ? -(this.paddle.width * 0.25) : (this.paddle.width * 0.25);
targetX = targetBall.x + shift;
}
this.paddle.x += (targetX - this.paddle.x) * 0.98;
}
I wrote a detailed deep-dive about how I engineered this entire environment and implemented the automation logic from scratch. You can read the full article on my Medium blog — the link is available right here in the launch section! ⚡
Report
Maker
Looking at my current rank for this launch, I’m honestly reflecting on how to measure success here.
On one hand, the numbers are a bit of a bummer — none of my products have ever dropped this low before. But on the other side of the scale, I have to look at the reality. While most of my peers are endlessly scrolling through TikTok, I’m spending my spare time engineering complex, library-free digital worlds.
Whether it’s constructing hyper-precise mathematical Tourbillon clocks completely in native GLSL shaders, or coding this exact responsive arcade game from scratch in just 20 minutes, I build things that challenge me technically. Plus, looking at my profile, I’m proud to hold a real Maker badge and to have recently earned the Notable Voter status on this platform.
So, numbers aside, things aren't looking bad at all. At the end of the day, I’m creating real, raw software from scratch, and that's a win no algorithm can take away. ⚡
(Yes, that’s actually me in the picture below — just a schoolgirl coding neon dreams and matrix magic).
Report
Maker
A quick thought for everyone watching this launch:
I’ve always told my followers to look at the bigger picture. Yes, this demo version is capped at exactly 3 levels. But I never intended to play the boring corporate game of charging $1 for 10 levels or $10 for an unlimited pass. That’s just plain basic.
Look under the hood, guys—this entire experience is packed into a single standalone file. It's a clean, modular one-pager. The entire level structure is completely open to modification; you could literally sit down for 30 minutes and sketch out a hundred custom levels yourself if you wanted to.
To be completely real with you: this launch was never about pushing a commercial "product." It's a direct demonstration of what I can build. I can engineer a software environment in a couple of days that takes mid-sized studios months to ship—and that is zero hyperbole.
To give you a teaser of what's next: my upcoming insane project is a custom Real-Time Operating System (RTOS) written completely in raw Forth language. It’s designed to orchestrate an autonomous swarm of drones for high-stakes search and rescue operations in extreme wilderness and complex environments.
If anyone wants to put my engineering skills to the test or discuss serious custom infrastructure: my contact details are open right in my profile. Let's see what you’ve got. ⚡
honestly this looks gorgeous, but one thing i'd love to see is a level editor or some kind of shareable seed so you can replay a specific brick layout. right now the three demo levels are cool but i'd basically burn through them in a few minutes and want more to chew on, you know
@barnaby_liang Hey! Thank you so much for the kind words, I really appreciate you digging the aesthetics! ✨
You actually hit the nail on the head. A level editor or a shareable seed system is exactly what a high-fidelity arcade experience like this needs for endless replayability.
Since this is a lightweight, zero-dependency demo version tailored to showcase the core canvas mechanics, the fluid physics, and the built-in AI recorder, the level count is intentionally capped to keep the build pure and tight.
However, expanding the brick matrix, adding custom procedural layouts, and introducing full sandbox capabilities is precisely what the complete, premium version is built for! If you’re down to chew on some more advanced architecture or want to chat about custom configurations, feel free to drop me a line at stephaniiabubnova@gmail.com — I’d love to show you what’s cooking behind the scenes! Claps for the awesome suggestion! 🚀
Hey tech hunters,
While the ranking algorithm is doing its chaotic storm thing, I wanted to drop a quick, hardcore technical update for the developers here.
I’ve injected a highly efficient AI bot directly into the active game loop, completely independent of the core source code. It scans the coordinate matrix in real-time, intercepts the lowest ball by predicting its plunging vector, and calculates the perfect paddle-edge strike to angle it back into the remaining clusters. On top of that, it forces a crisp 60fps HD .webm video capture directly from the canvas.
Here is a snippet of how the automation hook injects into the requestAnimationFrame update sequence:
I wrote a detailed deep-dive about how I engineered this entire environment and implemented the automation logic from scratch. You can read the full article on my Medium blog — the link is available right here in the launch section! ⚡
Looking at my current rank for this launch, I’m honestly reflecting on how to measure success here.
On one hand, the numbers are a bit of a bummer — none of my products have ever dropped this low before. But on the other side of the scale, I have to look at the reality. While most of my peers are endlessly scrolling through TikTok, I’m spending my spare time engineering complex, library-free digital worlds.
Whether it’s constructing hyper-precise mathematical Tourbillon clocks completely in native GLSL shaders, or coding this exact responsive arcade game from scratch in just 20 minutes, I build things that challenge me technically. Plus, looking at my profile, I’m proud to hold a real Maker badge and to have recently earned the Notable Voter status on this platform.
So, numbers aside, things aren't looking bad at all. At the end of the day, I’m creating real, raw software from scratch, and that's a win no algorithm can take away. ⚡
(Yes, that’s actually me in the picture below — just a schoolgirl coding neon dreams and matrix magic).
A quick thought for everyone watching this launch:
I’ve always told my followers to look at the bigger picture. Yes, this demo version is capped at exactly 3 levels. But I never intended to play the boring corporate game of charging $1 for 10 levels or $10 for an unlimited pass. That’s just plain basic.
Look under the hood, guys—this entire experience is packed into a single standalone file. It's a clean, modular one-pager. The entire level structure is completely open to modification; you could literally sit down for 30 minutes and sketch out a hundred custom levels yourself if you wanted to.
To be completely real with you: this launch was never about pushing a commercial "product." It's a direct demonstration of what I can build. I can engineer a software environment in a couple of days that takes mid-sized studios months to ship—and that is zero hyperbole.
To give you a teaser of what's next: my upcoming insane project is a custom Real-Time Operating System (RTOS) written completely in raw Forth language. It’s designed to orchestrate an autonomous swarm of drones for high-stakes search and rescue operations in extreme wilderness and complex environments.
If anyone wants to put my engineering skills to the test or discuss serious custom infrastructure: my contact details are open right in my profile. Let's see what you’ve got. ⚡