Tetris but with cats and dogs's game

Click here for free DL of the app version that can save data.

No:24900

117

←

Prev Next

→

Tetris but with cats and dogs
Developer User11149｜Date and time 23/11/14 16:37:35
Build time 291.808 sec｜Game capacity 5.557KB｜

Script

Sure! Here's a simple implementation of a Tetris game with cats and dogs using JavaScript and HTML:

To run this game, save the above code into a single HTML file (e.g., `cats_and_dogs_tetris.html`). Make sure to have images of cats and dogs (`emozi_all/game.png` and `emozi_all/dog.png`) in the same directory as the HTML file. Then, open the file in a web browser (preferably on a smartphone) to play the game. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

Sure! Here's a simple implementation of a Tetris game with cats and dogs using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cats & Dogs Tetris</title>
  <style>
    #gameBoard {
      position: relative;
      width: 200px;
      height: 400px;
      border: 2px solid #000;
      margin: 0 auto;
      overflow: hidden;
    }
    .cell {
      position: absolute;
      width: 20px;
      height: 20px;
    }
    .cat {
      background-image: url('cat.png');
    }
    .dog {
      background-image: url('dog.png');
    }
  </style>
</head>
<body>
  <div id="gameBoard"></div>
  <script>
    var boardWidth = 10;   // Number of cells in a row
    var boardHeight = 20;  // Number of cells in a column
    var cellSize = 20;     // Size of each cell in pixels
    var board = createBoard();
    var currentPiece = generateRandomPiece();
    var interval;

function generateRandomPiece() {
      // List of available piece types (cats and dogs)
      var pieceTypes = ['cat', 'dog'];
      var randomType = pieceTypes[Math.floor(Math.random() * pieceTypes.length)];
      var piece = {
        type: randomType,
        row: 0,
        col: Math.floor((boardWidth - 1) / 2)
      };
      return piece;
    }

function drawPiece() {
      var piece = currentPiece;
      var pieceCells = getPieceCells(piece);
      var gameBoard = document.getElementById('gameBoard');
      gameBoard.innerHTML = '';

for (var i = 0; i < pieceCells.length; i++) {
        var cell = document.createElement('div');
        cell.className = 'cell ' + pieceCells[i].type;
        cell.style.top = (pieceCells[i].row * cellSize) + 'px';
        cell.style.left = (pieceCells[i].col * cellSize) + 'px';
        gameBoard.appendChild(cell);
      }
    }

function mergePiece() {
      var pieceCells = getPieceCells(currentPiece);
      for (var i = 0; i < pieceCells.length; i++) {
        var cell = pieceCells[i];
        board[cell.row][cell.col] = cell.type;
      }
    }

function moveLeft() {
      var newPiece = { ...currentPiece };
      newPiece.col -= 1;
      if (!checkCollision(newPiece)) {
        currentPiece = newPiece;
      }
      drawPiece();
    }

function moveRight() {
      var newPiece = { ...currentPiece };
      newPiece.col += 1;
      if (!checkCollision(newPiece)) {
        currentPiece = newPiece;
      }
      drawPiece();
    }

drawPiece();
    interval = setInterval(moveDown, 500);
  </script>
</body>
</html>
```

To run this game, save the above code into a single HTML file (e.g., `cats_and_dogs_tetris.html`). Make sure to have images of cats and dogs (`cat.png` and `dog.png`) in the same directory as the HTML file. Then, open the file in a web browser (preferably on a smartphone) to play the game. Enjoy!