Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Dooz's empire's game | AI game creator

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

No:25938

←

Prev Next

→

Dooz's empire
Developer Dooz studio｜Date and time 23/11/25 10:52:29
Build time 93.928 sec｜Game capacity 4.098KB｜

Script

Sure! Here's a simple implementation of Dooz's Empire, a popular game also known as Connect Four in HTML with JavaScript:

Dooz's Empire

This is a basic version of Dooz's Empire where two players can take turns clicking on the cells to place their colored pieces (Red and Yellow). The game checks for a win condition based on four consecutive pieces in either horizontal, vertical, or diagonal directions. If a win is detected, an alert will be shown with the winning player's color. If there are no valid moves left and no winner, the game ends in a draw.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple implementation of Dooz's Empire, a popular game also known as Connect Four in HTML with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dooz's Empire</title>
  
  <style>
    table {
      border-collapse: collapse;
      margin: auto;
    }
    
    td {
      width: 50px;
      height: 50px;
      text-align: center;
      border: 1px solid black;
      font-size: 30px;
      cursor: pointer;
    }
    
    h1 {
      text-align: center;
    }
  </style>
</head>

<body>
  <h1>Dooz's Empire</h1>
 
  <table>
    <tbody>
      <tr>
        <td id="0"></td>
        <td id="1"></td>
        <td id="2"></td>
        <td id="3"></td>
        <td id="4"></td>
        <td id="5"></td>
        <td id="6"></td>
      </tr>
      <tr>
        <td id="7"></td>
        <td id="8"></td>
        <td id="9"></td>
        <td id="10"></td>
        <td id="11"></td>
        <td id="12"></td>
        <td id="13"></td>
      </tr>
      <tr>
        <td id="14"></td>
        <td id="15"></td>
        <td id="16"></td>
        <td id="17"></td>
        <td id="18"></td>
        <td id="19"></td>
        <td id="20"></td>
      </tr>
      <tr>
        <td id="21"></td>
        <td id="22"></td>
        <td id="23"></td>
        <td id="24"></td>
        <td id="25"></td>
        <td id="26"></td>
        <td id="27"></td>
      </tr>
      <tr>
        <td id="28"></td>
        <td id="29"></td>
        <td id="30"></td>
        <td id="31"></td>
        <td id="32"></td>
        <td id="33"></td>
        <td id="34"></td>
      </tr>
      <tr>
        <td id="35"></td>
        <td id="36"></td>
        <td id="37"></td>
        <td id="38"></td>
        <td id="39"></td>
        <td id="40"></td>
        <td id="41"></td>
      </tr>
    </tbody>
  </table>

for (var i = 0; i < cells.length; i++) {
      cells[i].addEventListener('click', cellClick);
    }

function cellClick() {
      if (winner !== '') return;

var cell = event.target;
      var currId = parseInt(cell.id);
      var validMoves = getValidMoves(currId);

if (validMoves.length > 0) {
        var move = validMoves[validMoves.length - 1];
        cell.style.backgroundColor = currentPlayer;

if (checkWin(move)) {
          winner = currentPlayer;
          alert('Player ' + currentPlayer + ' wins!');
        } else if (checkDraw()) {
          alert('Game ends in a draw!');
        } else {
          currentPlayer = (currentPlayer === 'Red') ? 'Yellow' : 'Red';
        }
      }
    }

function getValidMoves(cellId) {
      var validMoves = [];

while (cellId < 35 && !cells[cellId + 7].style.backgroundColor) {
        validMoves.push(cellId + 7);
        cellId += 7;
      }
      return validMoves;
    }

function checkWin(move) {
      var directions = [[1, -1], [7, -7], [6, -6], [8, -8]];
      
      for (var i = 0; i < directions.length; i++) {
        var count = 1;

for (var j = 0; j < 2; j++) {
          var currMove = move;
          while (cells[currMove + directions[i][j]] &&
                cells[currMove + directions[i][j]].style.backgroundColor === currentPlayer) {
            count++;
            currMove += directions[i][j];
          }
        }

if (count >= 4) {
          return true;
        }
      }

return false;
    }