Coder Social home page Coder Social logo

svg-bug-squasher's Introduction

SVG Bug Squasher

A fun bug squashing game built with SVG

Game Background

The inspiration for this game comes from a game called Fly Swatter. The game we want to make will have a similar UI in that clicking on bugs will kill them and earn you points.

Gameplay Requirements

  • The game should have an infinite series of levels
  • There should be a running score that increases as bugs are squashed.
  • Levels should have a set time limit
  • Each level should get progressively harder
  • Bugs will appear on the left side of the playing screen in random locations, and make their way to the right side of the playing screen
  • Clicking on a bug should kill it and give the user points.
  • If a bug reaches the right side of the playing screen without getting squashed, the player loses
  • There should be three different types of bugs:
    • Each bug should have its own SVG graphics
    • There should be an easy, medium, and hard bug. For example, the easy bug could be large and slow, while the hard bug is small, fast, and have unpredictable movement. Harder bugs should be worth more points.
  • The game should keep track of the top 10 scores.

Other Requirements for Project Completion

  • The player should see a welcome screen that displays game instructions and the high scores.
  • A player should be able to start a new game from the welcome screen.
  • After each level, the game should pause and ask the player to continue to the next level.
  • If a player loses, they should see a "Game Over" message along with their final score.
  • At the end of a game, if the player has a top 10 score, ask them to enter their name and save it to the high score board.
  • At the end of a game, the player should return to the welcome screen

Guidelines

  • Graphics for bugs need to be in SVG.
  • You are free to use whatever client side libraries you want.
  • The server-side code should be written in Node.js. You can use any 3rd party modules you want.
  • The top 10 scores can be stored in memory. No database persistence necessary.
  • We'll be judging your UI and design skills. Make it easy to play. Try to make it look good too, but we understand you have limited time.

Submission

  • Create a fork of this repo
  • Commit and push your code to your forked repo as many times as you want
  • Submit a pull request to the master branch when you're done. Congrats!

svg-bug-squasher's People

Contributors

edkim avatar

Watchers

James Cloos avatar Sonja Hall 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.