A JS game
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
fonts
js
media
README.md
index.html
index.php

README.md

Gem Match

Overview

Gem Match is a one-player game based on the popular Bejewelled. Users match rows and columns of gems within a time limit to boost their points score and progress to the next level.

You can play the game [here] (https://gem-match.herokuapp.com/).

--

Screenshot

Gem Match

--

Aim of project

Built as an individual project after 2 weeks of studying web development, the objective of the project was to build an interactive JavaScript game utilising the skills learnt so far.

--

Tech used

  • HTML5
  • CSS3
  • jQuery
  • JavaScript

--

Project Feedback & Evaluation

Challenges

  • Finding a 'DRY' approach to the game logic within the time frame (plans in the pipleine to refactor).
  • Animating the removal of the gems and dropping down the above rows.

Future Opportunities

  • Better handle the visual updating of the grid to create more effective waterfall animation.
  • Animate the gems swapping when selected.
  • Prevent users from swapping gems when the move doesn't result in a 'winning' row.
  • Introduce more levels with larger grids and more gem variation.
  • Award points for L-shape gem combinations.
  • Optimise the game for mobile devices.

Known Bugs/Issues

  • Board visualisation doesn't show until all columns have been checked for a match.