Coder Social home page Coder Social logo

zanecosmo / pipe-game Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 105 KB

Pipe-connecting puzzle game. The idea is to pump fluid through the sytem you create, and each level gives you limited pieces to work with.

JavaScript 98.50% HTML 0.57% CSS 0.93%

pipe-game's Introduction

Pipe-Game

A puzzle game that revolves around putting pieces of pipes together. Fluid will run through the pipes nd must make it from the start to the finish in order to complete the level. Each level will only provide the player with a certain number and certain types of peices with whcich to build their system.

My purpose for this project was the following:

  • improve my ability to use the basic tools of Javascript in more interesting and advanced ways
  • employ knowledge I've gained about data structures
  • build a project using a rendering technology (HTML5 Canvas) besides CSS and HTML elements

How it Works

In your browser, go to https://zanecosmo.com/pipe-game/. From there you can click the play button, and the game will start you off on the first level. The only controls for the game are LMB to pick up and subsequently place pieces, and the SPACEBAR to rotate pieces 90 degrees at a time if they are being held. There are several menu buttons in the gameplay menu, including restart, level selection, exit, and as long as the current level has been completed, next level.

Possible Features:

  • ability to save level states and progress with password (this would entail creating a DB and wiring up some async HTTP-request functionality)

About

The game is hosted using GitHub Pages, and the code is written with an Express/Node.js back-end. It uses almost entirely Javascript and utilizes HTML5's Canvas element for rendering.

pipe-game's People

Contributors

zanecosmo avatar

Watchers

Abraham Post 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.