Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rajspeaks/clash-of-space

Clash of Space is a simple Space Shooter game made of HTML 5, JAVASCRIPT ANIMATION
https://github.com/rajspeaks/clash-of-space

game game-development games html-css-javascript html5 html5-canvas html5-game javascript javascript-game rajdeep-das rajspeaks space-game space-shooter space-shooter-game

Last synced: about 2 months ago
JSON representation

Clash of Space is a simple Space Shooter game made of HTML 5, JAVASCRIPT ANIMATION

Host: GitHub
URL: https://github.com/rajspeaks/clash-of-space
Owner: Rajspeaks
License: mit
Created: 2021-12-24T10:14:57.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-07-08T20:05:18.000Z (6 months ago)
Last Synced: 2024-11-02T10:42:25.379Z (2 months ago)
Topics: game, game-development, games, html-css-javascript, html5, html5-canvas, html5-game, javascript, javascript-game, rajdeep-das, rajspeaks, space-game, space-shooter, space-shooter-game
Language: JavaScript
Homepage: https://clashofspace.netlify.app/
Size: 1.28 MB
Stars: 8
Watchers: 1
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# CLASH OF SPACE

Clash of Space is a cloned version game of the original Radius Raid of js13kGames (A JavaScript coding competition for HTML5 Game Developers) which is a popular game for kids.
A space craft shooting game built with HTML5, CSS, JavaScript. It's a desktop version game, so can be played only in desktop/laptop.

1, 1, 1, 1, 1, 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1
1, 1, 1, 1, 1, 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1
1, 1, 1 1, 1, 1 1, 1, 1 1, 1, 1
1, 1, 1 1, 1, 1 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1
1, 1, 1 1, 1, 1 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1
1, 1, 1 1, 1, 1 1, 1, 1 1, 1, 1
1, 1, 1, 1, 1, 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1
1, 1, 1, 1, 1, 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1 1, 1, 1, 1, 1, 1, 1, 1

## Link:

Hosted on Netlify
[![Netlify Status](https://api.netlify.com/api/v1/badges/53abaf08-9f62-4679-ada8-c42c37ef5e6f/deploy-status)](https://app.netlify.com/sites/clashofspace/deploys)

https://clashofspace.netlify.app/

Also, hosted on GitHub page

https://rajspeaks.github.io/clash-of-space

### Instruction:

- Use mouse clicks on your space craft to start firing your enemies,
- Your enemies can attack you in single or in bulk from any side & even can trick you with an approach to attack but will not attack. So observe carefully,
- Different types of enemy-crafts with their different kind of unique colour-appearances are there. While attacking those, for each kind of enemy-craft you will earn different points like +5, +10, +15, +30 & more.
- You can turn on the AUTO-FIRING feature of your space craft by pressing 'F' key one time on your keyboard. Also you can turn it off by pressing 'F' key again,
- Use arrow keys to move your space craft left, right, up or down in any position on your screen,
- Depending on your fighting skill, you can cross level by level up to 9-10. For each next level, you will get stronger enemies or even bulk of enemies.
- The more you get better fighting skills, you will have a chance of powerup yourself by having more powerful weapons for one time use.
- Notice your scorecard, progress bar and health bar accordingly.
- The number of times you get smashed by your enemies, your health bar will be decreasing to the lower level.
- For each match, if you achieve better score than previous one, your progress bar will get a level up.

### Additional Features:

- It will store your highest score with the time durations, so that you can track your progress & can compete yourself for better one.
- You can pause the game by pressing 'P' key from keyboard.

### Info:

- Used HTML5, CSS with JS Animation,
- Reference from Code-Project.org, Code-pen, W3School, GeeksforGeeks,
- Idea taken from Astaroids, Star Shooter, Warfare, Space Pips & some random online space games,
- Origin is : Radius Raid, Developer: https://github.com/jackrugile; Source repor: https://github.com/jackrugile/radius-raid-js13k
- Game Math applied here from: BILLY LAMBERTA FOUNDATION, Code-pen, W3School,
- Audio credit: JSFXR BY MARKUSNEUBRAND

#### Screenshots:

### Original Game credit:
Radius Raid of js13kGames