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

TheTechLearner/clash-of-space

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CLASH OF SPACE

Clash of Space is clone game of 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:

© Rajdeep Das

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.4%
  • HTML 1.1%
  • CSS 0.5%