Code Monkey home page Code Monkey logo

bikelondon's Introduction

BikeLondon

GA WDI Project One Will Cook 2016

Play the game here

BikeLondonPreview

Overview

This project was about bringing together the skills we had learnt in one individual project.

Aim of the project

  • Include separate HTML / CSS / JavaScript files
  • A working game, built by me, hosted somewhere on the internet
  • A link to my hosted working game in the URL section of my Github repo.

Technology Used

  • Javascript
  • jQuery
  • HMTL5
  • CSS3
  • Heroku
  • git

Project Feedback + Evaluation

In only having had 2 weeks experience in the technology used it was a big learning curve. This project has taught me lots about how to tackle a web development project.

Steps I took:

  • Planning, timeline, wireframes, developing gameplay rules, technology to use, code tests, functionality tests and uploading.
  • Individually building and testing components. Collision tests, key press control, audio and restricting the movement of the player. Later implementing these into the main game file.
  • Staring simple. Adding on game components one at a time. Keeping it simple as I worked towards an MVP. Here is a screenshot of early testing: (Note, the simplification of cars and the bike to coloured boxes).
    EarlyTesting

Challenges faced

  • The need to respond to collisions. This meant a rebuild and adaptation of a similar collision management script. Challenges faced involved the thorugh understanding of the code.
  • The avoiding collision of the car elements. Getting the logic to work to get the cars to not drive on top of each other.
  • Understanding enough jQuery and Javascript to get the job done.
  • Getting css and html to show how I wanted.

Where to from here?

The game could be improved in the following ways:

  • Convert the Javascript code over to Object-Orientated code.
  • Get more code written in jQuery. There must be components of my code that can be written in simpler ways.
  • Adding on a second player either playing locally or via the internet.
  • Adding on more challenges and levels.
  • Making the levels harder through addons such as; potholes, pedestrians, rubbish,roadworks, corners in the road etc...
  • Add speed via the peddling key presses(z,x keys).
  • Add a route or destination the player has to go to.
  • Timer or race against another player through the level.
  • Intergration with music, eg intergrate spotify to keep players on the site longer
  • Not just a top down view.

Bugs/Issues

  • Occassionally a double car will come through there must be a break in my anti-collision for the cars function.

bikelondon's People

Contributors

willcook4 avatar

Watchers

James Cloos avatar  avatar

Forkers

essexrambler

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.