Recreating Final Fantasy VII Triple Triad

[Cyanoxide]

Hey all! Over the past few days I've been working on recreating the Final Fantasy VIII Triple Triad mini game in javascript for no other reason than that I wanted to

I'm trying to make it as authentic to the original ps1 version as possible which is quite an interesting challenge. I might add options later to change the style to match the various versions of the game but I'll deal with that later. Anyway I'm quite pleased with how it's shaping up so here's a preview of it in action.



I've only made a few cards so far (that's why there are duplicates in the preview) but as you can see, I've also set it up so that custom cards can be added as all the card information is stored within an js object. You're able to change the card image, card frame, and side values just by updating the values in the file which is quite nice. Naturally I added my old Gaia avatar as a card seeing as I'm sharing it on here

Let my know what you think!

[Cyanoxide]

I've now lowered the quality of the grid outline and win message and I've added sound effects for card placing, flipping and the victory condition. I had to fish through 1,500 audio files from the pc version of the game to get them but I think it was worth it 😅 I've set up a little sequence of cards being placed so I don't have to place them myself and it's so satisfying hearing the sounds and watching the animations. I keep refreshing the page to see/hear it again.

[Cyanoxide]

I've now added the two player's hands and added animations and sounds on hover of the cards in hand.The next step will be to make it so you can actually use the cards in your hand on the main grid.