100 Browser Game Ideas for 100 Days
Below is a list of 100 browser-based games, progressing from simple to complex, to be built using HTML, CSS, and JavaScript. Each game is designed to be achievable in one day, building skills incrementally.
Day 1-10: Beginner-Friendly Games
Click the ButtonDescription: A button appears randomly on the screen. Click it to score points before time runs out.
Features: Basic DOM manipulation, event listeners, random positioning, timer.
Color MatchDescription: Match the displayed color name to a colored box.
Features: Random color generation, simple scoring, user input validation.
Number GuessDescription: Guess a number between 1 and 100. Get hints if your guess is too high or low.
Features: Input handling, random number generation, feedback loop.
Memory CardsDescription: Flip cards to find matching pairs.
Features: Grid layout, click events, basic state management.
Whack-a-MoleDescription: Click moles that pop up randomly to score points.
Features: Animation, timers, dynamic element creation.
Simon SaysDescription: Repeat a sequence of colored buttons.
Features: Sequence generation, user input tracking, audio feedback.
PongDescription: Control a paddle to bounce a ball against a wall or opponent.
Features: Canvas, basic collision detection, keyboard input.
Tic-Tac-ToeDescription: Play tic-tac-toe against a simple AI.
Features: Grid system, turn-based logic, basic AI.
SnakeDescription: Control a snake to eat food and grow without hitting walls or itself.
Features: Canvas, directional input, collision detection.
BreakoutDescription: Use a paddle to bounce a ball and break bricks.
Features: Canvas, physics-based movement, level design.
Day 11-30: Intermediate Games
Catch the FruitDescription: Move a basket to catch falling fruits while avoiding bad items.
Features: Animation, scoring, randomized spawn.
Typing Speed TestDescription: Type words as fast as possible within a time limit.
Features: Input validation, timer, score tracking.
Maze RunnerDescription: Navigate a character through a simple maze to reach the goal.
Features: Grid-based movement, wall collision, keyboard controls.
Flappy Bird CloneDescription: Tap to make a bird fly through gaps in pipes.
Features: Canvas, gravity physics, obstacle generation.
Space InvadersDescription: Shoot waves of descending aliens while dodging their bullets.
Features: Canvas, projectile mechanics, enemy AI.
HangmanDescription: Guess letters to complete a word before running out of lives.
Features: Word bank, input handling, visual feedback.
Rock Paper ScissorsDescription: Play rock-paper-scissors with animations and score tracking.
Features: Random AI choice, animated transitions.
Dodge the AsteroidsDescription: Move a spaceship to avoid asteroids.
Features: Continuous movement, randomized obstacles.
Connect FourDescription: Drop tokens to align four in a row against an AI.
Features: Grid logic, win condition checking, basic AI.
Frogger CloneDescription: Cross a road and river while avoiding cars and logs.
Features: Multi-layered movement, collision detection.
Trivia QuizDescription: Answer multiple-choice questions from a JSON dataset.
Features: Data fetching, timer, score tracking.
Pixel PainterDescription: Click a grid to color cells, creating pixel art.
Features: Grid system, color picker, save/load functionality.
Bubble ShooterDescription: Shoot bubbles to match three or more of the same color.
Features: Angle-based shooting, cluster detection.
Tower DefenseDescription: Place towers to stop waves of enemies.
Features: Pathfinding, enemy waves, resource management.
Match-3 GameDescription: Swap gems to align three or more in a row.
Features: Grid swapping, pattern detection, cascading effects.
PlatformerDescription: Jump across platforms to reach a goal.
Features: Gravity, collision detection, level scrolling.
Racing GameDescription: Drive a car on a scrolling track, avoiding obstacles.
Features: Continuous scrolling, keyboard controls.
MinesweeperDescription: Uncover tiles without hitting mines.
Features: Grid logic, recursive reveal, flagging system.
SudokuDescription: Fill a 9×9 grid with valid numbers.
Features: Puzzle generation, input validation.
Card Matching PuzzleDescription: Match cards with different rules (e.g., suit and number).
Features: Custom rules, drag-and-drop.
Day 31-60: Advanced Games
ChessDescription: Play chess with basic AI or two players.
Features: Move validation, check/checkmate detection.
TetrisDescription: Rotate and place falling blocks to clear lines.
Features: Block rotation, line clearing, increasing speed.
Word SearchDescription: Find words in a grid of letters.
Features: Grid generation, word highlighting.
Pac-Man CloneDescription: Navigate a maze, eat dots, and avoid ghosts.
Features: Pathfinding AI, power-ups.
Shooter RPGDescription: Move a character and shoot enemies with upgrades.
Features: Character stats, enemy waves.
Dungeon CrawlerDescription: Explore a randomly generated dungeon.
Features: Procedural generation, inventory system.
Strategy GameDescription: Build a base and manage resources to defeat enemies.
Features: Resource management, unit spawning.
Physics PuzzleDescription: Use physics to move objects to a goal.
Features: Physics engine (e.g., Matter.js), level design.
Multiplayer PongDescription: Two players control paddles via keyboard.
Features: Local multiplayer, synchronized movement.
Idle GameDescription: Gain resources automatically with upgrades.
Features: Passive mechanics, upgrade trees.
Rhythm GameDescription: Press keys in time with music cues.
Features: Timing mechanics, audio sync.
Tower ClimberDescription: Climb a tower by jumping on moving platforms.
Features: Procedural platforms, vertical scrolling.
City BuilderDescription: Place buildings to grow a city.
Features: Resource management, grid placement.
Puzzle PlatformerDescription: Solve puzzles to progress through levels.
Features: Environmental interactions, level design.
Isometric AdventureDescription: Explore an_hypergraph: Isometric grid, character movement.
Fighting GameDescription: Two characters fight with combos.
Features: Hitboxes, combo system.
Trading Card GameDescription: Collect and battle with cards.
Features: Deck building, turn-based combat.
Real-Time StrategyDescription: Build units and attack enemy bases.
Features: Unit pathfinding, resource gathering.
Stealth GameDescription: Sneak past guards to reach a goal.
Features: Line-of-sight AI, stealth mechanics.
Music ComposerDescription: Create music by placing notes on a grid.
Features: Audio synthesis, playback system.
Virtual PetDescription: Care for a digital pet with needs.
Features: State management, animations.
Escape RoomDescription: Solve puzzles to escape a room.
Features: Interactive objects, logic puzzles.
Augmented Reality GameDescription: Use webcam for AR-based interactions.
Features: WebRTC, image tracking.
Multiplayer TriviaDescription: Compete in real-time trivia.
Features: WebSocket, leaderboard.
Flight SimulatorDescription: Fly a plane through checkpoints.
Features: 3D transformations, physics.
Cooking GameDescription: Combine ingredients to make dishes.
Features: Recipe system, timer.
Hacking SimulatorDescription: Solve coding puzzles to “hack” systems.
Features: Terminal interface, logic puzzles.
Time Management GameDescription: Serve customers in a shop.
Features: Queue management, multitasking.
Detective GameDescription: Solve a mystery by collecting clues.
Features: Dialogue system, inventory.
Battle RoyaleDescription: Survive against other players.
Features: Shrinking play area, item spawning.
Day 61-80: Expert-Level Games
3D MazeDescription: Navigate a 3D maze using WebGL.
Features: 3D rendering, raycasting.
Multiplayer ShooterDescription: Fight other players in real-time.
Features: WebSocket, hit detection.
Procedural Story GeneratorDescription: Generate interactive stories.
Features: Natural language processing, branching paths.
AI-Powered ChessDescription: Chess with advanced AI.
Features: Minimax algorithm, alpha-beta pruning.
Survival GameDescription: Gather resources to survive.
Features: Crafting system, day-night cycle.
Music Rhythm RPGDescription: Fight enemies with rhythm-based attacks.
Features: Audio analysis, combat system.
Neural Network GameDescription: Train a neural network to play a game.
Features: Machine learning, visualization.
Open-World ExplorationDescription: Explore a procedurally generated world.
Features: Terrain generation, quest system.
Card Battler RPGDescription: Battle with card-based abilities.
Features: Deck management, status effects.
Physics-Based PlatformerDescription: Navigate levels with realistic physics.
Features: Physics engine, dynamic obstacles.
Multiplayer RTSDescription: Compete in real-time strategy battles.
Features: Unit synchronization, fog of war.
Virtual Reality DemoDescription: Basic VR experience using WebXR.
Features: 3D rendering, device tracking.
Economy SimulatorDescription: Manage a virtual economy.
Features: Supply-demand mechanics, graphs.
Puzzle AdventureDescription: Solve interconnected puzzles in a story.
Features: Inventory puzzles, narrative.
Multiplayer RacingDescription: Race against other players.
Features: Real-time syncing, track editor.
AI Dungeon MasterDescription: AI generates a tabletop RPG adventure.
Features: Text generation, dice mechanics.
Space ExplorationDescription: Explore a galaxy with procedurally generated planets.
Features: 3D navigation, resource gathering.
Turn-Based TacticsDescription: Command units in grid-based combat.
Features: Movement ranges, cover system.
Art Gallery SimulatorDescription: Curate and display art in a virtual gallery.
Features: 3D rendering, user uploads.
Weather SimulatorDescription: Simulate weather patterns.
Features: Particle systems, data visualization.
Day 81-100: Master-Level Games
MMORPG PrototypeDescription: Basic massively multiplayer game.
Features: Persistent world, player interactions.
AI-Powered Puzzle GeneratorDescription: AI creates unique puzzles.
Features: Procedural logic, difficulty scaling.
4X Strategy GameDescription: Explore, expand, exploit, exterminate.
Features: Tech trees, diplomacy.
Virtual EcosystemDescription: Simulate a living ecosystem.
Features: Agent-based modeling, food chains.
Metaverse PrototypeDescription: Social space with customizable avatars.
Features: 3D rendering, chat system.
Dynamic Narrative GameDescription: Story adapts to player choices.
Features: Branching dialogue, consequence tracking.
Multiplayer MOBADescription: Team-based arena battles.
Features: Hero abilities, lane mechanics.
Quantum Computing GameDescription: Solve puzzles using quantum logic.
Features: Simulated qubits, visualization.
Historical StrategyDescription: Recreate a historical battle.
Features: Unit formations, morale system.
Procedural Music GameDescription: Generate music based on gameplay.
Features: Audio synthesis, dynamic composition.
Augmented Reality AdventureDescription: Explore a real-world map with AR.
Features: Geolocation, AR markers.
AI-Driven City BuilderDescription: AI citizens react to city changes.
Features: Agent AI, infrastructure.
Multiplayer SurvivalDescription: Survive with other players.
Features: Shared resources, base building.
Time Travel PuzzleDescription: Solve puzzles by manipulating time.
Features: Timeline mechanics, paradox handling.
Neural Network TrainerDescription: Train AI to play complex games.
Features: Deep learning, training UI.
Interstellar TradingDescription: Trade goods across planets.
Features: Economy simulation, route planning.
Dynamic Weather RPGDescription: Weather affects gameplay mechanics.
Features: Environmental effects, survival.
Multiplayer DetectiveDescription: Solve crimes with other players.
Features: Clue sharing, deduction.
Virtual Reality RPGDescription: Full VR adventure.
Features: WebXR, immersive controls.
AI-Powered Game EngineDescription: Build a game where AI designs levels.
Features: Procedural generation, player feedback.
Source by やっ＠ヒャクヒャク
