AI game creator

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

No:19982

108

←

Prev Next

→

Japanese Shogi
Developer バファリンヌ｜Date and time 23/10/7 16:32:06
Build time 31.694 sec｜Game capacity 4.602KB｜

Script

了解しました。以下に、スマホで遊べる将棋ゲームのサンプルプログラムを示します。

このプログラムは、HTMLとJavaScriptを1つのファイルに組み合わせたものです。スマートフォンで遊ぶことを前提に、将棋の盤面を表示し、クリックすることで駒の移動を行うことができます。将棋の駒は絵文字ではなく、「歩」や「香」といった文字列で表現されています。プログラムを実行すると、将棋盤が表示され、クリックすることで駒を移動することができます。選択されたマスは青色になります。もう一度同じマスをクリックすることで、選択が解除されます。このプログラムはゲームとしての基本機能を備えており、将棋における駒の移動処理を実装しています。応用として、駒の動きの制約や勝敗の判定などを追加することができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下に、スマホで遊べる将棋ゲームのサンプルプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>スマホ将棋</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 24px;
        }
        #board {
            display: grid;
            grid-template-columns: repeat(9, 1fr);
            width: 80vmin;
            height: 80vmin;
            background-color: #ccc;
            border: 2px solid #000;
            justify-self: center;
        }
        .cell {
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        .cell.selected {
            background-color: #aaf;
        }
    </style>
</head>
<body>
    <div id="board"></div>

// 現在選択されているマスの座標を保持する変数
        let selectedCell = null;

// 盤面の初期描画
        function render() {
            const board = document.getElementById("board");
            board.innerHTML = "";

boardState.forEach((row, i) => {
                row.forEach((cell, j) => {
                    const cellElement = document.createElement("div");
                    cellElement.classList.add("cell");

if (selectedCell && selectedCell.row === i && selectedCell.column === j) {
                        cellElement.classList.add("selected");
                    }

cellElement.textContent = cell;
                    cellElement.addEventListener("click", () => selectCell(i, j));

board.appendChild(cellElement);
                });
            });
        }

// マスの選択処理
        function selectCell(row, column) {
            if (selectedCell && selectedCell.row === row && selectedCell.column === column) {
                // すでに選択されているマスを再度クリックした場合、選択を解除
                selectedCell = null;
            } else if (selectedCell) {
                // 二度目のマス選択の場合、移動処理を実行
                movePiece(row, column);
            } else {
                // 初めてマスを選択した場合、選択マスを保持
                selectedCell = { row, column };
            }

render();
        }

// 駒の移動処理
        function movePiece(row, column) {
            const piece = boardState[selectedCell.row][selectedCell.column];
            boardState[row][column] = piece;
            boardState[selectedCell.row][selectedCell.column] = "　";

selectedCell = null;
        }

// ゲームの実行
        render();
    </script>
</body>
</html>
```

このプログラムは、HTMLとJavaScriptを1つのファイルに組み合わせたものです。スマートフォンで遊ぶことを前提に、将棋の盤面を表示し、クリックすることで駒の移動を行うことができます。将棋の駒は絵文字ではなく、「歩」や「香」といった文字列で表現されています。

プログラムを実行すると、将棋盤が表示され、クリックすることで駒を移動することができます。選択されたマスは青色になります。もう一度同じマスをクリックすることで、選択が解除されます。

このプログラムはゲームとしての基本機能を備えており、将棋における駒の移動処理を実装しています。応用として、駒の動きの制約や勝敗の判定などを追加することができます。