GithubHelp home page GithubHelp logo

i-am-gizm0 / tetrispad Goto Github PK

View Code? Open in Web Editor NEW

This project forked from maxwellito/tetrispad

0.0 0.0 0.0 71 KB

Use the Novation Launchpad to play Tetris

Home Page: https://maxwellito.github.io/tetrispad/

License: MIT License

JavaScript 84.42% HTML 15.58%

tetrispad's Introduction

TetrisPad

Plug your Novation Launchpad and PLAY!

Single page app using the WebMIDI API to use the Novation Launchpad as a screen for a Tetris.

Demo of Tetrispad

Controls

  • , , : Move the current block
  • a, s: Rotate the current block
  • spacebar: Pause the game

Code structure

The approach is quite classic, it's OOP.

  • Controller class simulate the controller. It listens events from the keyboard to format and dispatch events to who needs it.
  • Launchpad class wait for the Launchpad to be available on the MIDI API and allow to send/receive messages.
  • Grid class is a wrapper to manages the LEDs of the Launchpad. The point of it is to facilitate the LEDs controls and reduce the amount of the messages to send the Launchpad.
  • Game class contain the entire Tetris game logic.

Contributors

Any crazy ideas are welcome (as long as your help :)

Please don't ask to setup a Webpack+Babel+WhatsoEver.. The Midi API is only accessible on modern browsers and these ones should be ES6 ready: feel again this pleasure to work on a repo without build system, it's so niiiice :)

tetrispad's People

Contributors

maxwellito 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.