hazieon / cubeCrusher

Crush the cubes! Get a high score by matching up coloured blocks in this vanilla JavaScript 'candy crush' style game

Home Page:https://cubecrusher.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cube Crusher

Candy crush style matching block busting game using vanilla JavaScript, HTML and CSS.
A rewarding project using functions, loops, array methods, and DOM manipulation to create drag and drop functionality plus animations.

Try out the game here: https://cubecrusher.netlify.app/ (pc only currently)

Stretch goals & upcoming features:

  • Timed play or similar functionality to create an end point to the game.
  • Images for blocks instead of plain colours
  • Refactored and rebuilt for React!
  • Improved stylings and interactivity

How to play the game locally:

  1. Clone this repository to your machine
  2. Open the HTML file in a browser using the file path
  3. Click 'start' to begin the game (to start the setTimeout functions)
  4. Drag and drop blocks to their matching neighbours
  5. Score as many points as you can!

Tutorial courtesy of Ania Kubow

Link: https://youtu.be/XD5sZWxwJUk
Ania Kubow's github: https://github.com/kubowania

About

Crush the cubes! Get a high score by matching up coloured blocks in this vanilla JavaScript 'candy crush' style game

https://cubecrusher.netlify.app/


Languages

Language:JavaScript 76.1%Language:CSS 16.7%Language:HTML 7.2%