Coder Social home page Coder Social logo

pandemic_invaders's Introduction

supa-space PandeMic-InvaderS

This is a first frontend project focused on emulating the mythical game "space invaders" adapting it to this new era that we have had to live.๐Ÿ˜ท

For the creation of this project, the video tutorial HTML5 Canvas and JavaScript Space Invaders Game Tutorial of Chris Courses has been followed. You can visit it at the following link: https://www.youtube.com/watch?v=MCVU0w73uKI

The goal of this project has been to learn how to adapt from a single file code to a more structured one with files and folders to better distinguish the functions and classes that are executed and to incorporate new functionalities not described in the original video tutorial (See Extra Features).

GitHub Repositories ๐Ÿš€

If you are interested in the code, whould visit our repositories:

https://github.com/SergiFuentes/pandemic_Invaders

These instructions will allow you to get a working copy of the project on your local computer for development and testing purposes: Open terminal and run the following command to download the project:

$ git clone https://github.com/SergiFuentes/pandemic_Invaders.git

Extra Features ๐Ÿš€

  • Ambiental music

- Starting screen

  • Game over / Retry? screen

- Play-pause button

- Extra lives

- Player projectiles can distroy invader projectiles
  • Game is over if invaders reach space ship level

  • Two levels with different invader projectiles in each level

Demo ๐Ÿ“ฝ๏ธ

Pending Tasks ๐Ÿ› ๏ธ

  • I know, i know... it should be the first thing to do... testing in progess!!! ๐Ÿ˜ตโ€๐Ÿ’ซ
  • I know, i know... it should be the first thing to do...too... movile-first in second progess!!! ๐Ÿ˜ตโ€๐Ÿ’ซ
  • Add a gamer Hi-Score section ๐Ÿ•น๏ธ๐Ÿฅณ๐ŸŽฎ
  • Add more levels
  • Add other invaders and projectiles ๐Ÿ›ธ
  • Add some kind of barrier between the ship and the invaders that is gradually destroyed as projectiles hit it

Languages ๐Ÿค“

Author โœ’๏ธ

Acknowledgements ๐ŸŽ

  • A deep thanks to Factoria F5 for the initiation in this strange and magical world of programming.

  • Huge thanks also to Chris Courses for his fantastic video tutorials.

  • Thanks also to Ika ikaTayang, has a fantastic repository of icons for the readme(Visit here).


โŒจ๏ธ with โค๏ธ by Sergi Fuentes ๐Ÿค˜๐Ÿ˜Š๐Ÿค˜

pandemic_invaders's People

Contributors

sergifuentes avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.