/memory-match-template-phaser3

A template project for a Memory Match game as found in Mario Party 🎉

Primary LanguageJavaScriptMIT LicenseMIT

Memory Match Template in Phaser 3

A template project for a Memory Match game as found in Mario Party 🎉

Overview

This is an example or template project for a Memory Match game like the mini-game found in Mario Party.

The player controls a character that moves around to select different boxes. Each box has an item with a corresponding match in another box. A whammy box causes the player to be unresponsive for 1 second.

Play the demo here.

Getting Started

Clone this repository with git-lfs and run:

npm install
npm run start

If you don't have git-lfs installed then get it here: https://git-lfs.github.com

All the image and audio files in this repository is stored with git-lfs. Alternatively you can download a zip from the releases tab.

More Advanced Features

Check out the Memory Match Extras paid course to learn about adding more advanced features to this game like:

  • Code organization, structuring, and clean-up
  • Adding gamepad support
  • Playing music & sound effects with fade in/out
  • Dealing with web audio in a user-friendly way
  • Creating and using dialog modals
  • Using the nineslice technique for smaller texture sizes
  • Managing and communicating between Scenes
  • Preloading assets with a loading animation
  • Better-looking text with Google Fonts or Bitmap Fonts
  • Restarting Scenes properly after winning or losing

There's also information on using Chrome's DevTools and navigating Phaser's official documentation to help you become better at solving bugs and problems on your own! 😎

Take a look if it sounds interesting!

License

MIT License