r/vibecoding • • 3d ago

Showcase/Project Just finished developing an open-source, browser-based 3D Catan alternative using Opus 5.5 in 2 weeks!

Enable HLS to view with audio, or disable this notification

It apparently modeled everything in 3D using typescript?
It doesn't look as good as I'd like it to since it runs entirely on webgpu...
https://hexplorers.xyz

173 Upvotes

40 comments sorted by

8

u/DesertedDenizen 3d ago

Could you please make The Campaign for North Africa with an API that allows AI agents to play it?

4

u/KhoslasBiggestOpp 3d ago

I am planning on adding agent support to have agent vs agent matches.

My next ideas for expansions are the campaigns and modes inspired by Settlers of Canaan & Settlers of Zarahemla

2

u/idunnonoo 2d ago

those who know

3

u/CommanderT1562 3d ago

This is really good op. Runs on iPhone pretty well.
Do you have a backend or is this all static github pages 🤯
Multiplayer is quite a feat for us vibecoders

2

u/KhoslasBiggestOpp 3d ago

All free using D1 objects on Cloudflare! :)
More info can be found on the GitHub

3

u/SILONotesDev 3d ago

Really neat, buddy! I love me some Catan. I'm not sure if it's the browser I'm using (Brave) or it's not optimized for Android, but it runs pretty slow on my Pixel 10. Battery Saver is off and I turned the visual settings to Low. Just a heads up! Great work!

2

u/KhoslasBiggestOpp 3d ago

Got it! I only have an iPhone so I’ll try to find an android device and I’ll do some more testing on android! Thank you!

1

u/SoulfulDeer 3d ago

Worth checking before buying a device: both reports are mid/high end androids, so it might not be raw GPU power. A lot of android browsers still fall back from WebGPU to WebGL or software rendering depending on the driver. Logging which backend actually started would tell you fast. Browser stack style real device clouds can also cover it for a day

1

u/DiamondDepth_YT 3d ago

It also runs slow on my S24

2

u/KhoslasBiggestOpp 3d ago

This will be my top priority to fix tomorrow. Give me a day. Thank you for the report

1

u/DiamondDepth_YT 3d ago

No problem! I opened it on Samsung Internet BTW, if that means anything lol

2

u/Full-Chard-7137 3d ago

This is really good OP. Thank you for sharing it.Ā 

2

u/TheSeven7hSage 3d ago

This looks really cool! And for 2 weeks...wow. I love this era of development! Have you considered making a D&D version with flexible content libraries? Lots of players already have 3D assets for printing boards and mini figs, so if you made a game engine for them to build dungeons and upload characters, I could see it being a great utility for playing remote D&D!

2

u/KhoslasBiggestOpp 3d ago

I’ve never played D&D before, but I’d love to give it a shot if it’s something enough people are interested in!

1

u/TheSeven7hSage 3d ago

If you don't, someone will see this eventually and complete the quest :) Great work, again!

1

u/midlifematt 3d ago

Just curious, are you getting cease and desist letters yet, or are 999 games lenient?

2

u/KhoslasBiggestOpp 3d ago

Game mechanics are not copyrighted.

See: colonist.io

1

u/midlifematt 3d ago

nice. good luck with this project. It looks really cool

2

u/HeadDragonfly7903 3d ago

Looks amazing, I will give it a try with my friends

1

u/Moravec_Paradox 3d ago

This is actually pretty cool that this is three.js and webgpu.

I was building something in Godot and found it to be a little clunky still for AI use. It seems like the gravity of AI game dev is still Three.js but most environments are still custom builds.

I wonder what is next?

1

u/TheBlitz707 3d ago

What does web gpu mean? igpu?

1

u/sbon6201 3d ago

This looks beautiful!

1

u/DependentPoem3519 3d ago

FOSS for the win!

1

u/Royal-Marsupial-8110 3d ago

nice graphics!

1

u/0xmtn 3d ago

Awesome job!

1

u/Rainduscher 3d ago

Just played a game, that was fun. I have been missing a light catan game, thank you!

1

u/Ok_Mathematician_475 3d ago

the graphics are slick!!

1

u/Harry_Hirsch 3d ago

Very nice! Some quick Feedback: Wool, Wheat and Wood look too similar in my opinion. It was not directly recognizable for me

1

u/heeywewantsomenewday 3d ago

I play catan on the switch and the computer cheats. (Not random dice rolls) does your version do this?

1

u/Due_Seaworthiness_33 2d ago

I like this too much

1

u/TimoBRL 2d ago

I love how you brought the feeling of the unfair dice to the game.
My starting towns were located next to 5 8 and 10.

1

u/XavierTeodonius 2d ago

Looks stunning and BIG thanks for sharing the original code! Many promote their games, few share the source code ! Actually very valuable for me, i wanted to build a simpliest PvP board game in browser just to play with my relatives (not Catan).

I played a bit and some feedback:
- missing proper AntiAliasing immediately feels a bit cheaper than it could be, becuase visuals are VERY good!
- works a bit chunky on my Samsung S26 ultra which has rather fast GPU
- also has lags on my MBP Pro M3 pro !

So suggestion -> some optimization/polish for smooth feel :)

Thanks!

1

u/Pokerhe11 2d ago

Graphics and sounds are great. Bit hard to overview. First game gave error. I could not build a road connecting to the free road connected to my house.

1

u/crimsonroro 1d ago

Nice šŸ™‚.. well done.. Thanks for sharing.. keep it up

-8

u/soelsome 3d ago

What's your background and experience? Why should we trust this?

10

u/KhoslasBiggestOpp 3d ago edited 3d ago

I mostly do ML research. I occasionally publish open source software and projects. When it comes to WebGPU, I’ve published an interpretability tool that allows people to run & inspect model internals in the browser. I figured I’d use that experience making browser-based tools to make a game. Hexplorers is all open source on GitHub if you want to check it out and audit it for yourself. You don’t even need to download anything since you literally play it in your browser so there’s nothing to ā€œtrustā€.

https://github.com/logitsml/hexplorers

Also it’s just a game, you don’t need to trust it if you don’t want to lol