Showing off my CSS3D Programmer card game

Started by spirodonfl, Feb 12, 2026, 09:44 PM

Previous topic - Next topic

spirodonfl

https://spirofloropoulos.com/css3dtabletop/

It's just a proof of concept but

* No AI
* All vanilla code (as in, no 3rd party libraries)
* CSS3D for all 3d effects

Coming soon
* WASM
* An updated table
* Deck builder

Long term
* PVP
* Spend money to get better cards
* Probably some other stuff I'm forgetting right now

How to play:

The first table is meant to setup your deck. Right now, you can only discard 3 cards of your choosing and have the dot matrix printer give you a new random card (hopefully a better one). That's it. Start the time travel to start the battle.

The battle is a series of 3 phases per turn and you have to go through several bosses to get to the end, defeat the startup building the AI.

The phases are "discard", "play card", "play augment". You get 5 cards in your hand. Discard any one of them during the discard phase (only one) to get another random card from your deck. You can skip this phase. Play a card now. You want to increase the bit flips on your opponent. You also want to increase your own ECC because that defends against the bosses attempted bit flips on you.

Just think of bit flips as health that you want to keep at 0 and your ECC is your defense, which you want to increase.

You can also skip the "play card" phase.

Playing an augment is limited to influencer, hardware, language and os cards. They will get put on the tabletop as active augments. Whatever the stats of that card is will be positively added to any card you play in the future. Right now it also affects the opponents card positively so you both get a boost. Future versions will make it so augments you've played only affect you.

That's it. Max out the bosses bit flips and win.

travisvroman

This is neat. Maybe also post the instructions on how to play it?
Owner, Game Engine developer making Kohi Game Engine. Converts caffeine to code. Leader of the Dingus Army and originator of Dingus-Oriented Programming.

https://youtube.com/travisvroman
https://twitch.tv/travisvroman

spirodonfl

Instructions. Good idea lol.

Added to my post.

DrElliot