GithubHelp home page GithubHelp logo

wdi-project-1's Introduction

wdi-project-1

#My first project for WDI London - The box game

Introduction:

‘Fill Me In’ is a two player puzzle game from my childhood traditionally played with pen and paper. Each player takes it in turn to draw a line between the dots. If a player creates a square, the square is filled the players colour then the player gets another go. The game is over when all possible lines have been drawn, and all squares have been shaded. The winner is the player with the most squares of their colour.

‘Fill Me In’ was built as my first project during the Web Development Immersive at General Assembly London. The project was presented on the Friday of week two and to be presented on the Tuesday of week three. The game was built with JavaScript, HTML and CSS.

How to play:

The game starts with a grid of dots, players take it in turns to draw lines between the dots. One a basic square has been completed the square will turn to the players colour and player will get a point. After a square has been completed the player who completes it gets another go. The game ends when all the lines have been filled, the winner is the player who has completed the most boxes.

###The Project requirements:

  • Display a game in the browser.
  • The game should consist of a series of levels if it's a one player game or he game should be playable by two or more players.
  • The project should not use dedicated library for creating games.

###Technologies:

The box game is built with HTML/CSS and Javascript, it used the following librairies:

  • jQuery
  • soundJS
  • animate.css

###Credits:

  • "fill me in" sound effect taken from Craig David's No.1 debut single "fill me in".
  • "TearingPaper" sound effect taken from (http://soundbible.com)

wdi-project-1's People

Contributors

alistairhopkins92 avatar

Watchers

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