Giter Site home page Giter Site logo

krish1925 / flappy-bird-tinygraphics Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 9.8 MB

This repository contains an enhanced version of Flappy Bird on tinygraphics for CS174A's final project, featuring dynamic moving pipes, invincibility, and multiple camera angles.

JavaScript 98.35% Batchfile 0.01% Shell 0.03% HTML 0.78% Python 0.83%
graphics javascript opengl 3d-rendering collision-detection perspective-projection shading-and-illumination-modeling texture-mapping camera-projection-matrices

flappy-bird-tinygraphics's Introduction

3D Flappy Bird

3D Flappy Bird is a 3D implementation of the classic game flappy bird. It is buit on tiny-graphics-js, a JavaScript library wraps the WebGL library with addition support of vector and matrix calculation, transformations, key-binding etc.

In addtion to having the original features of Flappy Bird, we implemented a brand new way to play the game -- instead of sideviewing the bird, you can view it from the back. There's also day time theme and night time theme.

Run

  1. Clone or download this repository.
  2. Run a fake server by opening host.bat if you're using Windows, or host.command if you're using MacOS. On MacOS, you might get a security warning. If so, open the terminal, navigate to the directory, run chmod u+x host.command, and then open host.command again.
  3. Open your web browser and navigate to http://localhost:8000/.

Controls

The game is controlled by keyboard inputs

  • u -> go up
  • c -> change camera angle
  • n -> start a new game
  • b -> change day/night theme

the following operation can only be done before starting the game

  • g -> decrease acceleration (min: 5.8, default: 9.8, interval: 2)
  • h -> increase acceleration (max: 11.8)
  • j -> decrease initial velocity (min: 4, default: 6, interval: 1)
  • k -> increase initial velocity (max: 7)

flappy-bird-tinygraphics's People

Contributors

aryansingh1104 avatar krish1925 avatar sgabrani avatar

Stargazers

 avatar

Watchers

 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.