Git Product home page Git Product logo

smashout's Introduction

Smashout

An HTML5 game created using Phaser3. A clone of the popular arcade game Breakout.

This repository is participating in JWOC

image

A fast, free and fun HTML5 Game Framework for Desktop and Mobile web browsers.

Setting up

  1. Fork this repository.
  2. Clone the forked repository locally.
git clone https://github.com/<YOUR_USERNAME>/smashout
  1. Navigate to the project directory and install the dependencies
npm i
  1. Start local development server
npm start 

Contributing guidelines

  1. Set up the project in your local device.
  2. Find a relevant issue to work upon or raise one.
  3. Upon being assigned, create a new branch with a relevant name.
  4. Make sure to commit and push your changes to the forked repository.
git add .
git commit -m "COMMIT_MESSAGE"
git push
  1. Make a pull request with proper description and wait for it to get merged.

smashout's People

Stargazers

 avatar  avatar

Watchers

 avatar

smashout's Issues

Create a function to end the game.

Creating a function where if ball hits the bottom surface of the screen, the game will end and "Game is over" message will be displayed.

Feature: Implement lives system.

Implement a game mechanic where the player starts with a fixed number of lives (eg. three) and display it in the game screen. Update the lives by decreasing it with one when the ball touches the bottom of the screen. Modify the gameOver to only display the alert when there are no lives left.

Create prefabs for the base, ball and bricks.

Organise the scene file by separating it into modules (or prefabs).

  • Create a prefab folder with the files 'base.js', 'ball.js' and 'brick.js'.
  • Each of these should export their respective classes.
  • Import the modules into the Main.js scene file and create the respective GameObject using the constructor.

This allows for reusability of code and makes it easier to debug.

Enhancement: Improve the game start

Currently, the ball falls from a height abruptly at the start of the game. Improve it such that the ball rests on the base at the start and can be shot by clicking and thus starting the game.

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.