rajspeaks/clash-of-space

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

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

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

Repo © Rajdeep Das