Welcome to our Retro Gaming Hackathon project! 🎮
- An online, 8-bit, single button alien invasion game.
Link for a game you can find here Link
We are a passionate team of developers and designers participating in the Code Institute Retro Gaming Hackathon. Our team is excited to blend our love for retro games with our technical skills to create a unique gaming experience.
Creators Kiree Bellamy, Kim Hanlon, Angela Siniavskaja, Ahmad Al Hindi, Amir Ahmed, Catherine Parrish.
Welcome to "Invasion 83" an exciting alien invasion game, inspired by the Vic20 game 'blitz', you're the alien trying to destroy cities.
In "Invasion 83", you are the alien pilot. You'll have to use your bombs to clear the city below so you can land safely. You can drop only one bomb at a time, sorry no spam clicking! As you progress you gradually lose height, but remember, if you don't clear all the buildings, you're loose. If you are succesful, you win! Then you advance to the next level.
- Controls:
- Number keys to select difficulty,
- Space or click to fire,
- Escape to access pause menu
Link for a game you can find here Link
.png)
At first, Commodore tried to promote the new home computer (our favorite C64) by releasing a few simple games. Most of them was with boring design, but they all had a certain "charm". Super Blitz was one such game released by Commodore back in 1983, and it was no exception.
In Super Blitz, you are a bomber pilot who is quickly running out of fuel. You'll have to use your bombs to clear the city below so you can land safely (how politically incorrect is that?!). Although the plane is very old, it is equipped with additional smart bombs that can "sense" their siblings, meaning that you cannot drop a bomb before the previous one hits the ground. You gradually lose height, and if you don't clear all the buildings in time, you're dead. Sometimes a cloud will block your view and make it difficult to decide when to drop the bomb. Coincidentally, King Kong is also patrolling the city below, so if you can hit the building as it goes up it, you'll get a bonus. If you land your plane safely, you'll advance to the next level, which is exactly the same story except with a different (random) city layout.
By following this links you can learn more about origin game!
-
As a player, I want a clear and intuitive user interface that shows my score, lives, and level progress so that I can easily understand my current game status.
- The UI displays the score and high score.
- UI elements should be styled to complement the retro theme.
-
As a player, I want to be able to read credits.
- Include a credits screen at the end of the game.
-
As a player, I want a menu in game that gives me the options.
- To restart the game.
- Quit like a looser.
- Make it so game pauses when open.
-
As a player, I want to control where the character drops the projectile using keyboard/mouse inputs so that I can interact with the game.
- The player can trigger a projectile drop using a key press, mouse click.
-
As a player, I want to experience different levels or stages in the game so that I can enjoy a sense of progression and challenge.
- The game should include multiple levels or stages with increasing difficulty.
- Transition between levels should be smooth and provide text-based feedback.
- Each level should offer an increased challenge.
-
As a player, I want to hear background music that complements the retro theme so that the game environment feels immersive.
- Background music is included and can be toggled on or off in the game settings.
- The music should loop seamlessly and fit the 8-bit theme.
- Sound effects are implemented for key actions (e.g., jumping, collecting items, taking damage).
- Each sound effect should be clear and appropriate for the action it represents.
- Sound effects should be balanced in volume and not overpower the background music.
-
As a player, I want to see instructions and controls at the start of the game so that I know how to play and what actions are available.
- Instructions are displayed at the start of the game.
- Instructions should clearly describe controls and gameplay mechanics.
- Instructions should be easy to read and navigate.
-
As a developer, I need to prepare the game for deployment on various platforms (web, desktop, etc.) so that players can access and play the game in their preferred environment.
- The game is packaged and configured for deployment on target platforms.
- Platform-specific issues are resolved and documented.
- Deployment instructions are included in the documentation.
-
As a developer, I need to ensure that the game is optimized for performance so that it runs smoothly and efficiently on target devices.
- The game’s performance is tested and optimized for speed and resource usage.
- Any performance bottlenecks are identified and addressed.
- The game should maintain consistent frame rates and responsiveness.
-
As a developer, I need to integrate various sprites (characters, enemies, items) into the game so that the game has a visually engaging experience.
- Sprites for the main character, enemies, and interactive items are available and correctly displayed.
- Sprites should be loaded and rendered efficiently without causing performance issues.
-
As a developer, I need to ensure that the game's visual style matches the retro theme so that the game maintains a consistent aesthetic.
- Visual elements such as backgrounds, sprites, and UI components adhere to the 8-bit gaming style (e.g., pixel art).
- The colour palette and graphical effects should reflect a classic gaming era.
-
-
Welcome Page -
-
Landing Page -
-
Home Page Game -
-
Pause Page -
-
-
-
Was createn by team member by using Pixilart Pixalart Except bomb_sprite, which comes from Freepik Freepik
-
For Star Flash effect was used Pastebin Library Pastebin
- Interactive elements
- Challenge
The W3C Markup Validator and W3C CSS Validator Services were used to validate every page of the project to ensure there were no syntax errors in the project.
- The Website was tested on Google Chrome, Internet Explorer, Microsoft Edge and Safari browsers.
- Friends and family members were asked to review the site and documentation to point out any bugs and/or user experience issues.
- The game should handle different sprite sizes and ensure they fit within its visual design.
- Reorganise JavaScript into modules for modernisation and readability please.
This little character will be implemented in future as a crawling spider around the buildings.- More dificutie levels must be added.
First, fork the repository. Then, go into your prefered code editor.
- git clone [https://github.com/Swewi/Hackteam-3]
- cd game
- npm install
- npm run serve
The project was deployed to GitHub Pages using the following steps...
- Log in to GitHub and locate the GitHub Repository
- At the top of the Repository (not top of page), locate the "Settings" Button on the menu.
- Alternatively Click Here for a GIF demonstrating the process starting from Step 2.
- Scroll down the Settings page until you locate the "GitHub Pages" Section.
- Under "Source", click the dropdown called "None" and select "Master Branch".
- The page will automatically refresh.
- Scroll back down through the page to locate the now published site link in the "GitHub Pages" section.
By forking the GitHub Repository we make a copy of the original repository on our GitHub account to view and/or make changes without affecting the original repository by using the following steps...
- Log in to GitHub and locate the GitHub Repository
- At the top of the Repository (not top of page) just above the "Settings" Button on the menu, locate the "Fork" Button.
- You should now have a copy of the original repository in your GitHub account.
-
Log in to GitHub and locate the GitHub Repository
-
Under the repository name, click "Clone or download".
-
To clone the repository using HTTPS, under "Clone with HTTPS", copy the link.
-
Open Git Bash
-
Change the current working directory to the location where you want the cloned directory to be made.
-
Type
git clone, and then paste [https://github.com/YOUR-USERNAME/YOUR-REPOSITORY] in. -
Press Enter. Your local clone will be created.
-
$ git clone [https://github.com/YOUR-USERNAME/YOUR-REPOSITORY]
-
Cloning into
CI-Clone... -
remote: Counting objects: 10, done.
-
remote: Compressing objects: 100% (8/8), done.
-
remove: Total 10 (delta 1), reused 10 (delta 1)
-
Unpacking objects: 100% (10/10), done.
Click Here to retrieve pictures for some of the buttons and more detailed explanations of the above process.
- All content was written by the Retro Gaming Hackathon Team.
| Source | Location | Notes |
|---|---|---|
| YouTube | Acros website | Tutorial for troubleshouting |
| Font Awesome | Across website | Inspiration for icons |
| Fonts Google | Across website | Font selection |
| Coolors | Across website | Colour palette selection |
| W3Schools | Across website | Various help pages |
| Pastebin | Across website | Background Star Flash |
| Wikipedia | Across website | History of origin game |
| Pixilart | Across website | Chareacters creation |
| Balsamiq | Across website | Wireframes creation |
| Pixabay | Across website | Sounds liabrary |
| Freepic | Across website | Png Library |
| Simple | Across website | Png Resizer |
-
Special mention is also deserved by our team as a whole. We learned a lot from each other, dove headfirst into new technologies and were helpful in times of need resolving coding issues.: