Top
Best
New

Posted by mdp 2 days ago

Regex Blaster(mdp.github.io)
109 points | 46 comments
pimlottc 4 minutes ago|
The colors are difficult for colorblind people. Orange/green is difficult already, and then green turns into red depending on the state? Ugh. Looks fun but unplayable for me.
ks2048 6 hours ago||
Every vibe coded site is too dark and the text is too small.
mdp 5 hours ago||
This is fair, although I ask for it to be dark themed to match what I think was the style of typing game I remember growing up with (it's been a while). Bumped up the font though.
btilly 3 hours ago|||
My top complaint is that if I've successfully used a pattern, I want my text removed. I keep forgetting to backspace a bunch, then get frustrated that my pattern isn't working.

Other than that, great game!

xnorswap 3 hours ago|||
Next time please ask it to respect system dark/light mode preference, it's trivial to do, especially for an LLM which can spin up light/dark alternatives easily.
NooneAtAll3 3 hours ago||
no

considering free windows being light theme only, it should be a button, not a "system default"

zamadatix 41 minutes ago|||
By "free windows" do you just mean an unactivated copy of Windows? That doesn't prevent the user from configuring their preference in the browser itself.
gdcbe 37 minutes ago||||
… is that even legal to do for microsoft? Are there no requirements to adhere to certain standards? Would have thought that is part of it.
xnorswap 2 hours ago||||
There should be a button too, but it's simple to add a line so that it also defaults to any provided preference.
CamperBob2 2 hours ago|||
That's fine, too. Either way, give the user the choice.
mchaver 3 hours ago|||
I could envision the style even before clicking on the site.
progbits 5 hours ago|||
They all have this rounded box design as well. I wonder where that came from, I don't think it was a predominant style before.
mrkramer 4 hours ago||
I vibe code web apps with Google's Gemini and I think it actually mimics Google's UI and UX because I see similarities between my vibe coded web apps and Google's web apps.
progbits 4 hours ago||
But that's a different style from the these colorful border rounded boxes that I think Claude in particular loves to produce.
christoph-heiss 4 hours ago|||
And all the text is grey-on-grey and basically unreadable. Not to even mention accessibility.
PurpleRamen 3 hours ago|||
Maybe because it 1337 hackerman-style, or something.
lofaszvanitt 2 hours ago|||
And not playtested at all :D
flykespice 4 hours ago|||
Every vibecoded site have this same dark look with shining hue-gradient borders, can't wait for the future the entire web be filled with this generic look
darkstar999 4 hours ago||
What evidence do you have that this is vibe coded?
ks2048 5 minutes ago|||
Just based on vibes.
flexagoon 3 hours ago|||
Because it looks exactly the same and feels as janky as 99% of vibecoded web apps
HanClinto 6 hours ago||
Nice game!

We made a similar game several years ago for the Pyweek game competition, but there wasn't the fun "letter invaders" style that this one has.

https://pyweek.org/e/RegExExpress/

I really like your implementation!

Might be good to limit some of the special operators to give more focus -- otherwise the early levels are a bit too solvable with ".*"

UltraSane 4 minutes ago||
cool idea but it needs to get slower as the levels get harder
freedomben 5 hours ago||
Wow really cool! Genuinely fun, and educational at the same time.

One usability request: after firing a regex, could the text box be cleared? It's not hard to hit Ctrl+A and start typing again, but it does add a bit of friction. (I can send a PR)

joshribakoff 3 hours ago||
I cant even read this because most of the text is outside my phones viewport. Please test your stuff before posting it here.
lasgawe 1 hour ago||
Haha, this is nice. I'm bad at regex most of the time. Playing this felt like when I first switched from Visual Studio to Vim. it’s a bit of a learning curve. It’s an interactive game btw
1-more 4 hours ago||
I don't understand the first "combat" level. There's no real defining pattern separating the good from bad hex strings, so it's just a typing speed contest to type all the enemy patterns, right? What am I missing?
Andoryuuta 4 hours ago|
As far as I can tell, the first combat level enemies all start with "ALERT-" and have exactly 3 digits.
1-more 3 hours ago||
sorry, second combat level. It's all 6 digit hex color strings, some good some bad.
Andoryuuta 2 hours ago||
Ah, I see. Yeah, that one definitely took me multiple attempts to see what it wanted.

I believe that the "enemies":

1. Must start with "#"

2. Must be exactly 6 hex digits

3. Must be lowercase

1-more 2 hours ago||
Ohhhhh I swore there were friendlies with lowercase too! Thank you!!
schiem 2 hours ago||
There are, just not lowercase characters that are valid hex.
freedomben 5 hours ago||
Source code!: https://github.com/mdp/regex-blaster
JanisErdmanis 4 hours ago|
This is really funny ;D Gives Tetris vibes and is executed beautifully.
More comments...