Custom Mootools web version of famouse Tetris game.
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
test
.gitignore
README.md
license.txt
package.yml

README.md

uTetris

Custom Mootools web version of famouse Tetris game.

How to use

JS :

var tetris = new uTetris($('container'), $('preview'),{
    keypress: true
});

var play = $("play"), 
score = $("score"), 
level = $("level"), 
lines = $("lines");

tetris.addEvents({
    "start": function(e){
        setInfo(e);
        setPause();
    },
    "lines": setInfo,
    "fixed": setInfo,
    "pause": setPause,
    "gameover": function(){
        play.set("html", "Play");
    }
});

function setLabel(str) {
    play.set("html", str);
}

function setInfo(obj) {
    level.set("html", "Level: " + obj.level || 0);
    score.set("html", "Score: " + obj.score || 0);
    lines.set("html", "Lines: " + obj.lines || 0);
}

function setPause(pause) {
    setLabel(pause ? "Resume" : "Pause");
}

play.addEvent("click",function() {
    if (this.isStop()) {
        this.restart();
    } else {
        this.pause();
    }
}.bind(tetris));

HTML :

<div id="main">
    <div id="left">
        <table id="container"></table>
    </div>

    <div id="right">
        <div id="info">
            <div id="score">Score: 0</div>
            <div id="level">Level: 0</div>
            <div id="lines">Lines: 0</div>
        </div>

        <div>
            <table id="preview"></table>
        </div>

        <div id="controls">
            <a href="javascript:;" id="play">Start</a>
        </div>
    </div>
</div>

Live Demo

  • Tetris game live demo here

Screenshots

Screenshot

Base Doc

Public Methods :

  • uTetris.isPause()
  • uTetris.isStop()
  • uTetris.isGameover()
  • uTetris.isRunning()
  • uTetris.start()
  • uTetris.restart()
  • uTetris.stop()
  • uTetris.left()
  • uTetris.right()
  • uTetris.down()
  • uTetris.rotate()
  • uTetris.pause()

Events :

  • start({level, score, lines})
  • restart
  • stop
  • pause([pause])
  • leftmove
  • rightmove
  • rotate
  • create([brickclass, brickclass_preview])
  • gameover({level, score, lines})
  • fixed({level, score, lines})
  • lines({length, level, score, lines})
  • levelup(level, lines)
  • win({level, score, lines})

License

Licensed under the MIT License