Memory Remix – A memory match game

An online cyberpunk-themed puzzle game with single-player and multiplayer modes.

https://memoryremixcc.netlify.app/

Overview:

I have created a few simple projects in PhaserJS in the past to test small gameplay mechanics. Still, I haven’t attempted to incorporate the modular design of React with the game engine of PhaserJS. A few developers have created great examples over the years, and Phaser has provided a template for developers to experiment with. JSdev.Space had a great post about creating a memory game from that same Phaser template, which covers how to set up the framework, generate core files, and make a gameplay loop. I followed along with their tutorial, building the same game with the files, but I expanded on the gameplay further.

Gameplay Design

Memory Remix offers five game types: Quick Play, Time Attack, Marathon, and Remix Mode. The core logic of matching paired cards remains the same for all games, but new conditions are added to spice up the challenge. Remix mode, in particular, is a more challenging game type where unmatched cards are rearranged every four actions made by the players.

Visuals

In the last few years, Cyberpunk-themed games have never been more prevalent, and I wanted to take the cozy look of a memory-matching game and give it a neon-soaked atmosphere. I found Luis Zuno, also known as Ansimuz, who creates amazing 16-bit artwork. I went over to his page at ansimuz.itch.io, where he has free assets for creators to download and use in their projects. I selected a few character sprites and created variations of the cards. Nothing too fancy for this project, but with enough shapes, sizes, and colors that will make it easy for most players to quickly analyze and see if they made a match or not.

Key Features:

  • Different gameplay modes: Five different modes to play
  • Multiplayer: Many of the modes have versus modes.
  • Responsive design: The game will adjust its layout based on the device on which it is launched.
  • Classic Gameplay: Matching objects is a universal game that anyone can play.

Technical Highlights:

  • Built with React + TypeScript + PhaserJS
  • Modular Architecture
  • Event-Driven Design
  • Custom Game Modes