Coder Social home page Coder Social logo

zombie-survival's Introduction

Zombie Survival

Setup the application

  • Install yarn, typescript and webpack if not already installed globally

npm install yarn typscript webpack -g

  • Install dependencies by running yarn

Run the app

Via webpack dev server

  • yarn run dev
  • Open browser and go to https://localhost:8080

Via webpack build

  • yarn run build && yarn run serve
  • Open browser and go to http://localhost:8000

View demos and game

As progress is made, this site will be where to view the game and progress

http://bentok.github.io/zombie-survival

Game design document

The game design document is maintained here: https://github.com/bentok/zombie-survival/blob/master/DESIGN.md

zombie-survival's People

Contributors

bentok avatar dependabot[bot] avatar edmundquintero avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

zombie-survival's Issues

Create platform

Create a POC platform for player to jump to.

This can double as a test for zombies walking off edges.

Register Colliders with world

Let the world control the colliders. As objects are added they can be registered with World so that their collisions are detected on update().

Register new movements

Register desired movements for an object to the Move controller.
Have the Move controller register animations to the Animation controller for those movements when they are available.

Related to #22

Sky

Once we have ground, we can add a sky to complete a basic environment.

Import/Export

At some point we can use a Gulp plugin that utilizes es6 modules.

Character movement

Character should move left and right with keyboard input with a basic animation.

Spawns

Random spawn points within non-safe zones. Also account for how dangerous a zone is by having higher spawn density.

Safe Zones

Assign ranges within the environment where zombies won't go or will have trouble going. Zombies will not spawn in these areas.

Sprite controller

Ability to register sprite sheets for reference throughout the game so they can be pre-loaded.

Demo 1

Initial concept demo

  • Player object
  • Zombie object
  • Health bar
  • Single platform to jump to for safety
  • Health item, with zombie between player and item
  • Objects will be simple shapes for now

Camera

Set up camera for side scrolling

Pass Player to World

Ability to pass existing player to newWorld object.

Allowing loading of players into new worlds or back from a save.

Animate class

An animated class is needed. Movement class will use this only of an animation is passed in.

Review lint rules

Currently using the same rules we've used in the past. Not sure if they are all relevant.

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.