Coder Social home page Coder Social logo

webgl-cube-runner's Introduction

WebGL Cube Runner

Introduction

This game, a version of the classic Cube Runner, was developed by Nate Emerson, Casey Patton, and Dylan Vassallo as a final project for UCLA CS 174A, Intro to Computer Graphics. The project requirement was to make something non-trivial in pure OpenGL (no higher-level frameworks) using all the basic techniques and at least one advanced technique that we have learned.

We implemented a WebGL version of Cube Runner that runs in modern browsers. There are traditional keyboard controls but you can also connect your smartphone as a controller and tilt it to steer the ship. The server component is tested to run on Windows and Mac OS X.

Setup instructions

  1. Install Git and Node.JS
  2. Get the code: git clone git://github.com/dylanvee/webgl-cube-runner.git
  3. Go into the webgl-cube-runner directory
  4. Install the dependencies: npm install
  5. Run the server: node server.js
  6. A browser tab will open and the game will load. To use your smartphone as a controller, scan the QR code on the page using a barcode scanning app.

How to play

You are piloting a ship through a never-ending field of cubes that you must avoid without crashing. You get a point for each cube you avoid, and the game ends when you hit one. The pace starts slow but gets faster and faster as you earn more points. Press Space to start the game or restart if you die. Turn using either your smartphone (see the instructions above) or the arrow keys.

Powered by

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.