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

No:17629

←

Prev Next

→

Domino's
Developer User7747｜Date and time 23/9/24 4:21:47
Build time 31.809 sec｜Game capacity 3.626KB｜

Script

Sure, I can help you create a simple game based on Domino's using HTML and JavaScript. Here's an example implementation:

Domino's Game

Player 1

Player 2

Board

Note: This implementation assumes that you have pictogram images for domino pieces named `emozi_all/pictogram.png`, `emozi_bear.png`, etc. You would need to replace these image paths with your own image paths. Additionally, you can modify and enhance the game logic and display as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, I can help you create a simple game based on Domino's using HTML and JavaScript. Here's an example implementation:

```html
<!DOCTYPE html>
<html>
<head>
<style>
    img {
        width: 50px;
        height: 100px;
    }
</style>
</head>
<body>
    <h1>Domino's Game</h1>

<h2>Player 1</h2>
    <div id="player1Hand">
        
        <img src="domino1.png" onclick="playPiece(1)">
        <img src="domino2.png" onclick="playPiece(2)">
        
    </div>

<h2>Player 2</h2>
    <div id="player2Hand">
        
        <img src="domino3.png" onclick="playPiece(3)">
        <img src="domino4.png" onclick="playPiece(4)">
        
    </div>

<h2>Board</h2>
    <div id="board">
        
    </div>

// Array to hold the pieces on the board
        var board = [];

// Function to play a domino piece
        function playPiece(pieceId) {
            var pieceIndex = player1Hand.indexOf(pieceId);
            if (pieceIndex >= 0) {
                // Remove the piece from player's hand
                player1Hand.splice(pieceIndex, 1);
                // Add piece to the board
                board.push(pieceId);
                // Update the game display
                updateGameDisplay();
            } else {
                alert("Invalid move! You don't have that piece.");
            }
        }

// Function to update the game display
        function updateGameDisplay() {
            // Update player 1 hand
            var player1HandDiv = document.getElementById("player1Hand");
            player1HandDiv.innerHTML = "";
            for (var i = 0; i < player1Hand.length; i++) {
                var img = document.createElement("img");
                img.src = "domino" + player1Hand[i] + ".png";
                img.onclick = function() {
                    playPiece(player1Hand[i]);
                }
                player1HandDiv.appendChild(img);
            }

// Update player 2 hand
            var player2HandDiv = document.getElementById("player2Hand");
            player2HandDiv.innerHTML = "";
            for (var i = 0; i < player2Hand.length; i++) {
                var img = document.createElement("img");
                img.src = "domino" + player2Hand[i] + ".png";
                img.onclick = function() {
                    playPiece(player2Hand[i]);
                }
                player2HandDiv.appendChild(img);
            }

// Update the board
            var boardDiv = document.getElementById("board");
            boardDiv.innerHTML = "";
            for (var i = 0; i < board.length; i++) {
                var img = document.createElement("img");
                img.src = "domino" + board[i] + ".png";
                boardDiv.appendChild(img);
            }
        }

// Initial game display update
        updateGameDisplay();
    </script>
</body>
</html>
```

Note: This implementation assumes that you have pictogram images for domino pieces named `domino1.png`, `domino2.png`, etc. You would need to replace these image paths with your own image paths. Additionally, you can modify and enhance the game logic and display as per your requirements.