IDE Arcade 🎮
A VS Code extension that brings classic games directly into your editor - perfect for taking breaks while your code compiles!
🎯 Features
- Game Launcher: Beautiful interface to choose between multiple games
- Multiple Games: Three classic games to choose from
- Sidebar & Bottom Panel: Play games in VS Code's sidebar or bottom panel
- Statistics Tracking: Track your scores and game history
- Seamless Integration: Stay in VS Code while gaming
🎮 Available Games
1. Subway Surfers 🏃♂️
- Type: Endless runner
- Controls: A/D or Arrow keys to move, Space to jump
- Goal: Avoid obstacles and collect coins for high scores
- Features: Increasing difficulty, smooth physics, multiple lanes
2. Snake 🐍
- Type: Classic arcade
- Controls: Arrow keys or WASD to move
- Goal: Grow your snake by eating food, avoid walls and yourself
- Features: Increasing speed, smooth controls, classic gameplay
3. 2048 🔢
- Type: Puzzle/strategy
- Controls: Arrow keys or WASD to move tiles
- Goal: Merge tiles to reach 2048
- Features: Win condition, best score tracking, smooth animations
🚀 Getting Started
- Install the Extension: Install "IDE Arcade" from the VS Code marketplace
- Open IDE Arcade:
- Click the game controller icon in the activity bar (left sidebar)
- Or use Command Palette:
IDE Arcade: Open IDE Arcade (Sidebar)
- Choose Your Game: Click on any game card to start playing
- Play & Enjoy: Use the controls shown in each game
🎯 Commands
IDE Arcade: Open IDE Arcade (Sidebar) - Open games in the sidebarIDE Arcade: Open IDE Arcade (Bottom Panel) - Open games in the bottom panelIDE Arcade: Start IDE Arcade (Tab) - Open games in a new tab
🏆 Statistics
The extension tracks:
- Total Games Played: Across all games
- Best Score: Your highest score across all games
- Game-Specific High Scores: Individual best scores for each game
🎨 Features
- Modern UI: Beautiful, responsive design that fits VS Code's theme
- Back Navigation: Easy return to game launcher from any game
- Persistent Scores: Your progress is saved between sessions
- Quick Restart: Play again buttons in all games
- Responsive Design: Works in different panel sizes
🛠️ Technical Details
- Built with TypeScript and VS Code Extension API
- Uses WebView technology for seamless integration
- Local storage for score persistence
- Responsive CSS for various panel sizes
- Message passing between extension and games
🎮 Perfect For
- Compilation Breaks: Take a quick gaming break while waiting
- Debugging Pauses: Clear your mind with a fun game
- Code Review Breaks: Short mental breaks during long sessions
- Team Fun: Challenge colleagues to beat your high scores
🔮 Future Games
Planned additions:
- Poker
- Tetris
- Pac-Man
- And many more!
Happy Gaming! 🎮✨
Built with ❤️ for the VS Code community
cursorarcade
| |
