{"id":35672381,"url":"https://github.com/bborbe/breakout","last_synced_at":"2026-01-05T19:04:06.500Z","repository":{"id":330497541,"uuid":"1122950059","full_name":"bborbe/breakout","owner":"bborbe","description":null,"archived":false,"fork":false,"pushed_at":"2025-12-25T22:29:07.000Z","size":8,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-12-27T08:58:40.058Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bborbe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-25T22:26:24.000Z","updated_at":"2025-12-25T22:29:11.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/bborbe/breakout","commit_stats":null,"previous_names":["bborbe/breakout"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/bborbe/breakout","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bborbe%2Fbreakout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bborbe%2Fbreakout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bborbe%2Fbreakout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bborbe%2Fbreakout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bborbe","download_url":"https://codeload.github.com/bborbe/breakout/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bborbe%2Fbreakout/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28218058,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2026-01-05T02:00:06.358Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-01-05T19:02:16.899Z","updated_at":"2026-01-05T19:04:02.120Z","avatar_url":"https://github.com/bborbe.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Breakout\n\n**Play online:** https://bborbe.github.io/breakout/\n\nA classic Breakout game built with vanilla JavaScript, HTML5 Canvas, and CSS. Break all the bricks with the ball while keeping it from falling below the paddle!\n\n## Features\n\n- **Classic Gameplay**: Paddle-controlled ball bouncing and brick breaking\n- **Progressive Difficulty**: Ball speed increases as bricks are destroyed\n- **Lives System**: 3 lives to clear all bricks\n- **Score Tracking**: Points awarded based on brick row (higher rows = more points)\n- **High Score Persistence**: Best score saved in browser localStorage\n- **Dual Control**: Control paddle with arrow keys or mouse\n- **Pause/Restart**: Pause gameplay and restart anytime\n- **Victory Detection**: Win screen when all bricks cleared\n- **Modern UI**: Clean gradient design matching Tetris/Snake style\n\n## How to Play\n\n1. Open `index.html` in a web browser\n2. Use **arrow keys** or **mouse** to move the paddle\n3. Keep the ball bouncing to destroy all bricks\n4. Don't let the ball fall below the paddle!\n5. Clear all bricks to win\n\n## Controls\n\n- **← →** or **Mouse**: Move paddle left/right\n- **P** or **Esc**: Pause/unpause game\n- **R**: Restart game\n\n## Gameplay Rules\n\n- You start with **3 lives**\n- Ball destroys bricks on contact\n- Ball bounces off paddle, walls, and bricks\n- Lose a life if ball falls below paddle\n- Game over when all lives lost\n- Victory when all bricks destroyed\n\n## Scoring System\n\nBricks award different points based on row position:\n- Row 1 (Top): **80 points** (Red)\n- Row 2: **70 points** (Orange)\n- Row 3: **60 points** (Yellow)\n- Row 4: **50 points** (Green)\n- Row 5: **40 points** (Blue)\n- Row 6: **30 points** (Purple)\n- Row 7: **20 points** (Pink)\n- Row 8 (Bottom): **10 points** (Cyan)\n\n**Total possible score**: 4,400 points (80 bricks)\n\n## Technical Details\n\n- **Canvas Size**: 800x600 pixels\n- **Paddle**: 100x20 pixels\n- **Ball**: 8 pixel radius\n- **Bricks**: 75x20 pixels, 8 rows × 10 columns\n- **Initial Ball Speed**: 5 pixels per frame\n- **Speed Increase**: 2% per brick destroyed\n- **No Dependencies**: Pure vanilla JavaScript\n\n## Game Architecture\n\nThe game follows a modular architecture pattern:\n\n- **Game State Module**: Manages game state, collision detection, scoring\n- **Renderer Module**: Handles all canvas drawing operations\n- **Input Handler Module**: Processes keyboard and mouse input\n- **Game Loop**: Uses requestAnimationFrame for smooth gameplay\n\n## Browser Compatibility\n\nWorks in all modern browsers supporting:\n- HTML5 Canvas\n- ES6 JavaScript\n- localStorage API\n\n## Development\n\nBuilt following the same architectural patterns as the companion Tetris and Snake games.\n\n## License\n\nFree to use and modify.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbborbe%2Fbreakout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbborbe%2Fbreakout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbborbe%2Fbreakout/lists"}