Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎯 Tile Spin

A simple yet addictive puzzle game that combines strategic rotation mechanics with number matching!

🎮 Game Concept

Tile Spin is a unique puzzle game where you rotate rows and columns on a 4x4 grid to match and merge numbers. Unlike traditional sliding puzzle games, you control the entire row or column rotation, adding a fresh twist to the merge-puzzle genre.

🕹️ How to Play

  1. Rotate: Click the ↻ buttons around the grid to rotate entire rows (left/right buttons) or columns (top/bottom buttons)
  2. Match: Align 3 or more identical numbers in a row or column
  3. Merge: When 3+ numbers match, they merge into a higher number (1+1+1 → 2, 2+2+2 → 3, etc.)
  4. Score: Earn points for each merge - higher numbers = more points!
  5. Survive: Keep playing without filling up the board
  6. Challenge: Try to create the highest number and beat your best score!

✨ Features

  • 🎨 Beautiful gradient UI with smooth animations
  • 🏆 Score tracking with local best score saved
  • 📊 Move counter to track your efficiency
  • 📱 Responsive design for mobile and desktop
  • 🎯 Strategic gameplay with rotation mechanics
  • 💾 Auto-saves your high score

🚀 How to Launch

Option 1: Simple HTTP Server (Python)

# If you have Python 3 installed
python3 -m http.server 8000
# Then open http://localhost:8000 in your browser

Option 2: Simple HTTP Server (Node.js)

# If you have Node.js installed
npx http-server -p 8000
# Then open http://localhost:8000 in your browser

Option 3: Direct File Open

Simply open the index.html file in your web browser!

🎯 Strategy Tips

  • Plan ahead - think about where tiles will end up after rotation
  • Look for multiple matches in a single move
  • Try to create combos by setting up future matches
  • Don't let the board fill up too quickly!
  • Higher numbers mean higher scores, but they're harder to match

🛠️ Technical Details

  • Pure vanilla JavaScript - no frameworks needed
  • CSS Grid for responsive layout
  • Local Storage for high score persistence
  • Smooth animations for better UX

📄 License

Free to play, modify, and share!

Enjoy the game! 🎮✨

spinnr

About

gamer arc

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages