HTML5 Tower Stack Colorful Game

game for everyone


How to play ?

 

This is very simple , beautiful and chanllenging game.

In this game player creact stack over other stack and build a tower and make his high score.

stack become difficult after every stack put.

Customization:

If you want customize game then follow given steps 

 

- Change game title.

Open index.html and fine code below 

 <meta charset="UTF-8">

  <title>Tower stack</title>    # Change title according you.

 

-Change start button.

open iden.html and find code below

<div class="game-ready">

<div id="start-button">Start</div>    #you can change start button here

<div></div>

</div>

 

-Change in game text.

open idex.html and find code below

<div id="score">0</div>

<div id="instructions">Tap to put block</div>

<div class="game-over">

<h2>Game Over</h2>

<p>You did great, you're the best.</p>

<p>Click or spacebar to start again</p>

</div>

 

 

-Change Game Color.

open script.js and find code below

 
       this.renderer.setClearColor('#f9ed84', 1);         #Change game color here

 

-Customize Ended Score.

open style.css and find code below

#container.ended #score {

  -webkit-transform: translatey(6vh) scale(1.5);      #Customize end game scrore scale here

          transform: translatey(6vh) scale(1.5);        #Customize end game scrore scale here

 

-Customize End game transition.

open style.css and find code below

#container.ended .game-over p {

  -webkit-transition-delay: 0.3s;       #change transitio effect

          transition-delay: 0.3s;       #change transitio effect


}

 

-Change stack color, size, speed, transition .

open script.js and find code below

var Block = /** @class */ (function () {
    function Block(block) {
        // set size and position
        this.STATES = { ACTIVE: 'active', STOPPED: 'stopped', MISSED: 'missed' };
        this.MOVE_AMOUNT = 12;                    #change speed
        this.dimension = { width: 0, height: 0, depth: 0 };              #change diamention
        this.position = { x: 0, y: 0, z: 0 };
        this.targetBlock = block;
        this.index = (this.targetBlock ? this.targetBlock.index : 0) + 1;
        this.workingPlane = this.index % 2 ? 'x' : 'z';
        this.workingDimension = this.index % 2 ? 'width' : 'depth';                 #change size
        // set the dimensions from the target block, or defaults.
        this.dimension.width = this.targetBlock ? this.targetBlock.dimension.width : 10;
        this.dimension.height = this.targetBlock ? this.targetBlock.dimension.height : 2;
        this.dimension.depth = this.targetBlock ? this.targetBlock.dimension.depth : 10;
        this.position.x = this.targetBlock ? this.targetBlock.position.x : 0;
        this.position.y = this.dimension.height * this.index;
        this.position.z = this.targetBlock ? this.targetBlock.position.z : 0;
        this.colorOffset = this.targetBlock ? this.targetBlock.colorOffset : Math.round(Math.random() * 100);
        // set color
        if (!this.targetBlock) {
            this.color = 0x333344;                                                     #Change color

 

Support :

 

If you need any help with this game then please contact us : subrominda@gmail.com