https://github.com/lazzerex/neosolitaire
A modern version of the classic game Solitaire, as a part of the NEO game series.
https://github.com/lazzerex/neosolitaire
css html javascript
Last synced: about 1 month ago
JSON representation
A modern version of the classic game Solitaire, as a part of the NEO game series.
- Host: GitHub
- URL: https://github.com/lazzerex/neosolitaire
- Owner: lazzerex
- Created: 2025-05-05T14:48:53.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-05-05T15:19:15.000Z (about 1 month ago)
- Last Synced: 2025-05-05T15:59:14.068Z (about 1 month ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage: https://neo-solitaire.vercel.app/
- Size: 16.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NeoSolitaire
A modern twist on the classic Solitaire card game, featuring sleek animations, multiple themes, and intuitive gameplay. Part of the NEO game series.
Try it here: https://neo-solitaire.vercel.app/
## Features
- 🎨 4 Color Themes: Blue, Green, Purple, and Dark mode
- ⚡ Adjustable animation speed
- 🖱️ Dual control scheme: Drag-and-drop or click-to-move
- ⏮️ Undo functionality
- 💡 Smart hint system
- 🎉 Victory celebration with confetti animation
- ⏱️ Real-time game statistics (time, moves, score)
- 📱 Responsive design for all screen sizes
- 💾 Persistent settings with localStorage
- 🃏 Authentic Solitaire rules and mechanics
- 🎮 Smooth card animations and transitions
- 📊 Win screen with final stats
## How to Play
1. **Goal**: Build all four foundation piles from Ace to King, sorted by suit
2. **Stock/Waste**:
- Click stock pile to draw cards
- Three-card draw style (draws single cards)
3. **Tableau**:
- Build descending sequences with alternating colors
- Move groups of cards between columns
- Click to reveal face-down cards
4. **Foundations**:
- Drag Aces to start foundations
- Build up in suit from Ace to King
## Game Rules
- Only Kings can be placed in empty tableau columns
- Tableau moves must alternate colors and descend in value
- Foundations must follow suit and ascend in value
- Unlimited stock recycling
- Complete all foundations to win
## Game Features
### Visual Customization
- Dynamic theme switching with smooth transitions
- Adjustable animation speed (Slow/Normal/Fast)
- Modern card back patterns
- Color-coded card suits
### Gameplay Enhancements
- Automatic card highlighting on selection
- Visual feedback for valid/invalid moves
- Persistent game settings across sessions
- Mobile-optimized touch controls
- Real-time move validation
### Technical Implementation
- Built with vanilla JavaScript (no dependencies)
- Object-oriented architecture:
- Game logic (Card, Deck, Pile classes)
- UI management (Renderer, Animator classes)
- Modern CSS features:
- CSS Grid and Flexbox layouts
- Custom properties for theming
- Complex animations with keyframes
- Efficient card movement algorithms
- Browser localStorage for user preferences
## Setup
1. Clone the repository:
```bash
git clone https://github.com/lazzerex/NeoSolitaire.git
```
2. Open `index.html` in your browser or serve through a local web server
## Browser Support
The game works on all modern browsers that support:
- CSS Grid and Flexbox
- CSS Custom Properties (Variables)
- ES6+ JavaScript features
- localStorage API
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.