Skip to content

yhw032/fruits-maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ‡ Fruits Maker - Fruit Merging Game

A fun physics-based fruit merging game! Merge identical fruits to create bigger ones.

๐ŸŽฎ Play the Game

๐Ÿ‘‰ Click here to play ๐ŸŽฎ

๐Ÿ“– How to Play

  • ๐Ÿ–ฑ๏ธ Move your mouse to position the fruit
  • ๐Ÿ–ฑ๏ธ Click to drop the fruit
  • โœจ Merge same fruits to create bigger ones!
  • โš ๏ธ Don't let fruits overflow the line

๐ŸŽฏ Features

  • ๐ŸŒˆ Various Fruits: From cherries to watermelons
  • ๐Ÿ† Score System: Track and beat your high score
  • ๐Ÿ“ฑ Responsive Design: Play on any screen size
  • โšก Physics Engine: Realistic physics powered by Matter.js

๐Ÿ› ๏ธ Tech Stack

  • HTML5 Canvas - Game rendering
  • Matter.js - Physics engine
  • Vanilla JavaScript - Game logic
  • CSS3 - Modern UI/UX

๐Ÿ“ Project Structure

fruits-maker/
โ”œโ”€โ”€ index.html    # Main HTML file
โ”œโ”€โ”€ style.css     # Stylesheet
โ”œโ”€โ”€ game.js       # Game logic
โ””โ”€โ”€ README.md     # Project documentation

๐Ÿš€ Running Locally

  1. Clone or download the repository
  2. Open index.html in your web browser
  3. Enjoy the game!

Note: Internet connection required to load Matter.js from CDN.

๐ŸŽฎ Game Rules

  1. When the game starts, fruits are generated randomly
  2. Adjust left/right position with your mouse and click to drop
  3. When identical fruits collide, they merge into a larger fruit
  4. Game ends when fruits cross the game over line
  5. Try to achieve the highest score possible!

๐Ÿ† Scoring System

You earn points every time you merge fruits. Creating bigger fruits gives you higher scores!