{"id":28754802,"url":"https://github.com/archiedev242/arcanoid_js","last_synced_at":"2025-06-17T01:39:25.167Z","repository":{"id":299504743,"uuid":"924081983","full_name":"ArchieDev242/arcanoid_js","owner":"ArchieDev242","description":"simple arcanoid game on JS","archived":false,"fork":false,"pushed_at":"2025-06-16T21:57:56.000Z","size":2785,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-16T22:39:32.636Z","etag":null,"topics":["arkanoid","arkanoid-game","game-development","it-start","javascript-game"],"latest_commit_sha":null,"homepage":"https://archiedev242.github.io/arcanoid_js/","language":"JavaScript","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/ArchieDev242.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}},"created_at":"2025-01-29T11:37:53.000Z","updated_at":"2025-06-16T21:57:59.000Z","dependencies_parsed_at":"2025-06-16T22:39:35.655Z","dependency_job_id":"7352f836-99df-4c03-a4a3-9cc068fca0c6","html_url":"https://github.com/ArchieDev242/arcanoid_js","commit_stats":null,"previous_names":["archiedev242/arcanoid_js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ArchieDev242/arcanoid_js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArchieDev242%2Farcanoid_js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArchieDev242%2Farcanoid_js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArchieDev242%2Farcanoid_js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArchieDev242%2Farcanoid_js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ArchieDev242","download_url":"https://codeload.github.com/ArchieDev242/arcanoid_js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArchieDev242%2Farcanoid_js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260273567,"owners_count":22984531,"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","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":["arkanoid","arkanoid-game","game-development","it-start","javascript-game"],"created_at":"2025-06-17T01:39:17.320Z","updated_at":"2025-06-17T01:39:25.143Z","avatar_url":"https://github.com/ArchieDev242.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align = \"center\"\u003e\n  \u003ch1\u003e🚀 Arkanoid JS\u003c/h1\u003e\n  \u003ch3\u003eClassic Arcade Game Built with Vanilla JavaScript\u003c/h3\u003e\n  \n  [![JavaScript](https://img.shields.io/badge/JavaScript-ES6%2B-yellow?style=for-the-badge\u0026logo=javascript)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n  [![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)\n  [![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)\n\n  \u003cimg src = \"img/background.png\" alt = \"Game Preview\" width = \"800\" style = \"border-radius: 10px; margin: 20px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.2);\"/\u003e\n  \n  [![Play Now](https://img.shields.io/badge/PLAY%20NOW-00BFFF?style=for-the-badge\u0026logo=gamejolt\u0026logoColor=white)](https://archiedev242.github.io/arcanoid_js/)\n\u003c/div\u003e\n\n## 🎮 About the Game\n\nArkanoid JS is a modern reimagining of the classic arcade game, built from scratch using pure JavaScript, HTML5 Canvas, and CSS. This project was developed in 2020-2021 during my studies at IT-Start programming courses, marking my first major foray into game development and web technologies.\n\nExperience the nostalgic gameplay with smooth controls, vibrant visuals, and challenging levels that will test your reflexes and strategy.\n\n## ✨ Key Features\n\n\u003cdiv style = \"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin: 20px 0;\"\u003e\n  \u003cdiv style = \"background: #1e1e2e; padding: 15px; border-radius: 8px; border-left: 4px solid #89b4fa;\"\u003e\n    \u003ch3\u003e🎮 Classic Gameplay\u003c/h3\u003e\n    \u003cp\u003eFaithful to the original Arkanoid experience with precise controls and physics\u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style = \"background: #1e1e2e; padding: 15px; border-radius: 8px; border-left: 4px solid #f38ba8;\"\u003e\n    \u003ch3\u003e🏆 Progressive Difficulty\u003c/h3\u003e\n    \u003cp\u003eMultiple levels with increasing challenge and unique brick patterns\u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style = \"background: #1e1e2e; padding: 15px; border-radius: 8px; border-left: 4px solid #a6e3a1;\"\u003e\n    \u003ch3\u003e📊 Score System\u003c/h3\u003e\n    \u003cp\u003eTrack your high scores and compete with friends\u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv style = \"background: #1e1e2e; padding: 15px; border-radius: 8px; border-left: 4px solid #f9e2af;\"\u003e\n    \u003ch3\u003e🎨 Modern Design\u003c/h3\u003e\n    \u003cp\u003eSleek, responsive interface with smooth animations\u003c/p\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n## 🚀 Quick Start\n\n1. Download or clone the repository\n2. Open `index.html` in your web browser\n3. Start playing!\n\nOr play directly in your browser: [Play Now](https://archiedev242.github.io/arcanoid_js/)\n\n## 🎮 Game Controls\n\n\u003cdiv style = \"background: #1e1e2e; padding: 20px; border-radius: 8px; margin: 15px 0;\"\u003e\n  \u003cdiv style = \"display: flex; justify-content: space-around; flex-wrap: wrap; gap: 15px;\"\u003e\n    \u003cdiv style = \"text-align: center;\"\u003e\n      \u003cdiv style = \"background: #313244; padding: 10px 20px; border-radius: 6px; margin-bottom: 8px;\"\u003e\n        \u003ckbd\u003e←\u003c/kbd\u003e \u003ckbd\u003e→\u003c/kbd\u003e\n      \u003c/div\u003e\n      \u003cp\u003eMove platform\u003c/p\u003e\n    \u003c/div\u003e\n    \u003cdiv style = \"text-align: center;\"\u003e\n      \u003cdiv style = \"background: #313244; padding: 10px 20px; border-radius: 6px; margin-bottom: 8px;\"\u003e\n        \u003ckbd\u003eSPACE\u003c/kbd\u003e\n      \u003c/div\u003e\n      \u003cp\u003eLaunch ball\u003c/p\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n## 🛠️ Project Structure\n\n```\narcanoid_js/\n├── index.html          # Main HTML file\n├── game.js            # Core game logic and mechanics\n├── main.css           # Styling and animations\n└── img/               # Game assets\n    ├── background.png # Game background\n    ├── ball.png      # Ball sprite\n    ├── block.png     # Brick sprites\n    └── platform.png  # Player platform\n```\n\n## 🧑‍💻 Technology Stack\n\n\u003cdiv style = \"display: flex; flex-wrap: wrap; gap: 15px; margin: 20px 0;\"\u003e\n  \u003cdiv style = \"flex: 1; min-width: 200px; background: #1e1e2e; padding: 15px; border-radius: 8px;\"\u003e\n    \u003ch3\u003eFrontend\u003c/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eHTML5\u003c/li\u003e\n      \u003cli\u003eCSS3\u003c/li\u003e\n      \u003cli\u003eJavaScript (ES6+)\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\n  \u003cdiv style = \"flex: 1; min-width: 200px; background: #1e1e2e; padding: 15px; border-radius: 8px;\"\u003e\n    \u003ch3\u003eGame Development\u003c/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eHTML5 Canvas API\u003c/li\u003e\n      \u003cli\u003eObject-Oriented Programming\u003c/li\u003e\n      \u003cli\u003eGame Loop Implementation\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\n  \u003cdiv style = \"flex: 1; min-width: 200px; background: #1e1e2e; padding: 15px; border-radius: 8px;\"\u003e\n    \u003ch3\u003eDesign Tools\u003c/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eAdobe Illustrator (Sprites)\u003c/li\u003e\n      \u003cli\u003eCinema 4D (Background)\u003c/li\u003e\n      \u003cli\u003eGit \u0026 GitHub\u003c/li\u003e\n      \u003cli\u003eVisual Studio Code\u003c/li\u003e\n      \u003cli\u003eChrome DevTools\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n## 🖥️ System Requirements\n\n- **OS**: Windows 10/11, macOS 10.14+, or modern Linux distro\n- **Browser**: Latest version of Chrome, Firefox, Safari, or Edge\n- **Screen Resolution**: 1920x1080 recommended\n\n## 🚧 Development Roadmap\n\n- [x] Basic game mechanics\n- [x] Score system\n- [ ] Multiple levels\n- [ ] Power-ups\n- [ ] Sound effects and music\n- [ ] High score leaderboard\n\n## 🤝 Contributing\n\nContributions are what make the open-source community an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## 🙏 Acknowledgments\n\n- **IT-Start** - For the amazing programming courses\n- **My Mentors** - For their guidance and support\n- **The Classic Arkanoid** - For the inspiration\n- **You** - For checking out this project!\n\n\u003cdiv align = \"center\"\u003e\n  \u003cp\u003eMade with ❤️ by ArchieDev242\u003c/p\u003e\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farchiedev242%2Farcanoid_js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farchiedev242%2Farcanoid_js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farchiedev242%2Farcanoid_js/lists"}