Tessera4X: a turn-based hex strategy game in React Three Fiber, with every piece built in code

Showcase
, , ,
1

Tessera4X is a free, single-player 4X strategy game that runs in the browser. There’s no install and no account: https://tessera4x.com

It’s built on three.js with React Three Fiber, drei and postprocessing.

tessera4x-1.4
tessera4x-1.41453×934 513 KB

There are no textures or models. Every unit, town, wonder and tree is assembled at load from lathe, cylinder, cone and box primitives, merged with ‘mergeGeometries’. The map’s painted ground is a seeded canvas, generated once per map. The board is one draw call and it only renders on demand.

Any feedback is appreciated, especially performance related. The game runs well for me on a fast MacBook but larger maps may be slow on some laptops.

Thanks!