Skip to content

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

License

Notifications You must be signed in to change notification settings

Rajspeaks/clash-of-space

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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://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