Frontier:Роли: различия между версиями

Материал из Space Station 14 Вики
Интерактивная навигация по истории
ВизуальныйВики-текст
Новая страница: «<style> td { border: 2px solid #333; width: 100px; height: 100px; text-align: center; vertical-align: middle; font-family: "Comic Sans MS", cursive; font-size: 70px; cursor: pointer; } </style> <table> <tr> <td class="cell" id="0"></td> <td class="cell" id="1"></td> <td class="cell" id="2"></td> </tr> <tr> <td class="cell" id="3"></td> <td class="cell" id="4"></td> <td class="cell" id="5"></td> </tr> <tr>...»
 
мНет описания правки
 
(не показано 95 промежуточных версий 13 участников)
Строка 1: Строка 1:
<style>
<div class="mobilefont">
td {
  border: 2px solid #333;
  width: 100px;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  font-family: "Comic Sans MS", cursive;
  font-size: 70px;
  cursor: pointer;
}
</style>


<!-- Транс-Солнечная Федерация -->
<div style="border:2px solid #405475; border-radius:10px; padding:15px; margin-bottom:25px; background:linear-gradient(135deg, #1a2433 0%, #2b3a52 100%);">
<h2 style="color:#8fb4ff; text-align:center; margin-top:0;">Транс-Солнечная Федерация</h2>


<table>
<div style="display:flex; justify-content:center; flex-wrap:wrap; gap:10px;">
  <tr>
<div style="display:flex; justify-content:center; flex-wrap:wrap; gap:10px;">
    <td class="cell" id="0"></td>
{{таблица ролей/содержание
    <td class="cell" id="1"></td>
|цвет = #405475
    <td class="cell" id="2"></td>
|заголовок = Командующий Офицер
  </tr>
|ссылка = Frontier:Командующий Офицер
  <tr>
|иконка = Командующий_Офицер.png
    <td class="cell" id="3"></td>
}}
    <td class="cell" id="4"></td>
    <td class="cell" id="5"></td>
  </tr>
  <tr>
    <td class="cell" id="6"></td>
    <td class="cell" id="7"></td>
    <td class="cell" id="8"></td>
  </tr>
</table>
<div class="endgame">
  <div class="text"></div>
  <button onclick="startGame()">Replay</button>
</div>


<script>
{{таблица ролей/содержание
|цвет = #405475
|заголовок = Старший Офицер
|ссылка = Frontier:Старший Офицер
|иконка = Старший_Офицер.png
}}


{{таблица ролей/содержание
|цвет = #405475
|заголовок = Исполнительный Офицер
|ссылка = Frontier:Исполнительный Офицер
|иконка = Исполнительный_Офицер_Forge.png
}}


let origBoard;
{{таблица ролей/содержание
|цвет = #405475
|заголовок = Посол Федерации
|ссылка = Frontier:Посол Федерации
|иконка = Посол_Федерации.png
}}


const huPlayer = "O";
{{таблица ролей/содержание
const aiPlayer = "X";
|цвет = #405475
const winCombos = [
|заголовок = Младший Офицер
  [0, 1, 2],
|ссылка = Frontier:Младший Офицер
  [3, 4, 5],
|иконка = Младший_Офицер.png
  [6, 7, 8],
}}
  [0, 3, 6],
  [1, 4, 7],
  [2, 5, 8],
  [0, 4, 8],
  [6, 4, 2]
];


const cells = document.querySelectorAll(".cell");
<!--{{таблица ролей/содержание
startGame();
|цвет = #405475
|заголовок = Офицер Халикона
|ссылка = Frontier:Офицер Халикона
|иконка = Старший_Офицер.png
}}


function startGame() {
{{таблица ролей/содержание
  document.querySelector(".endgame").style.display = "none";
|цвет = #405475
  origBoard = Array.from(Array(9).keys());
|заголовок = Командир Отделения
  for (let i = 0; i < cells.length; i++) {
|ссылка = Frontier:Командир Отделения
    cells[i].innerText = "";
|иконка = Рейнджер_Forge.png
    cells[i].style.removeProperty("background");
}}
    cells[i].addEventListener("click", turnClick);
  }
}


function turnClick(square) {
{{таблица ролей/содержание
  if (typeof origBoard[square.target.id] === "number") {
|цвет = #405475
    turn(square.target.id, huPlayer);
|заголовок = Полевой Фельдшер
|ссылка = Frontier:Полевой Фельдшер
|иконка = Рейнджер_Forge.png
}}


    if (!checkTie()) turn(bestSpot(), aiPlayer);
{{таблица ролей/содержание
  }
|цвет = #405475
}
|заголовок = Боевой Техник
|ссылка = Frontier:Боевой Техник
|иконка = Инженер_ТСФ.png
}}


function turn(squareId, player) {
{{таблица ролей/содержание
  origBoard[squareId] = player;
|цвет = #405475
  document.getElementById(squareId).innerText = player;
|заголовок = Экипаж Халикона
|ссылка = Frontier:Экипаж Халикона
|иконка = Рейнджер_Forge.png
}}-->


  let gameWon = checkWin(origBoard, player);
{{таблица ролей/содержание
  if (gameWon) gameOver(gameWon);
|цвет = #405475
}
|заголовок = Морпех
|ссылка = Frontier:Морпех
|иконка = Рейнджер_Forge.png
}}


function checkWin(board, player) {
{{таблица ролей/содержание
  let plays = board.reduce((a, e, i) => (e === player ? a.concat(i) : a), []);
|цвет = #405475
  let gameWon = null;
|заголовок = Новобранец
  for (let [index, win] of winCombos.entries()) {
|ссылка = Frontier:Новобранец
    if (win.every((elem) => plays.indexOf(elem) > -1)) {
|иконка = Новобранец.png
      gameWon = {
}}
        index: index,
</div>
        player: player
</div>
      };
</div>
      break;
<!-- Транс-Солнечная Федерация -->
    }
  }
  return gameWon;
}


function gameOver(gameWon) {
<!-- Восставшие колонии Ренегатов -->
  for (let index of winCombos[gameWon.index]) {
<div style="border:2px solid #7a2c6e; border-radius:10px; padding:15px; margin-bottom:25px; background:linear-gradient(135deg, #2e1829 0%, #4a2a4d 100%);">
    document.getElementById(index).style.background =
<h2 style="color:#e28ad2; text-align:center; margin-top:0;">Восставшие колонии Ренегатов</h2>
      gameWon.player === huPlayer ? "deepskyblue" : "red";
  }
  for (let i = 0; i < cells.length; i++) {
    cells[i].removeEventListener("click", turnClick);
  }
  declareWinner(gameWon.player === huPlayer ? "You Win!" : "You Lose!");
}


function declareWinner(who) {
<div style="display:flex; justify-content:center; flex-wrap:wrap; gap:10px;">
  document.querySelector(".endgame").style.display = "block";
<div style="display:flex; justify-content:center; flex-wrap:wrap; gap:10px;">
  document.querySelector(".text").innerText = who;
{{таблица ролей/содержание
}
|цвет = #405475
|заголовок = Барон
|ссылка = Frontier:Барон
|иконка = Барон_Forge.png
}}


function emptySquares() {
{{таблица ролей/содержание
  return origBoard.filter((s) => typeof s === "number");
|цвет = #405475
}
|заголовок = Чертёжник
|ссылка = Frontier:Чертёжник
|иконка = Чертёжник_Forge.png
}}


function bestSpot() {
{{таблица ролей/содержание
  return minimax(origBoard, aiPlayer).index;
|цвет = #405475
}
|заголовок = Смотрящий
|ссылка = Frontier:Смотрящий
|иконка = Смотрящий_Forge.png
}}


function checkTie() {
{{таблица ролей/содержание
  if (emptySquares().length === 0) {
|цвет = #405475
    for (let i = 0; i < cells.length; i++) {
|заголовок = Костоправ
      cells[i].style.background = "green";
|ссылка = Frontier:Костоправ
      cells[i].removeEventListener("click", turnClick);
|иконка = Костоправ_Forge.png
    }
}}
    declareWinner("Tie Game!");
    return true;
  }
  return false;
}


// minimax algorithm
{{таблица ролей/содержание
function minimax(newBoard, player) {
|цвет = #405475
  let availSpots = emptySquares();
|заголовок = Штейгер
|ссылка = Frontier:Штейгер
|иконка = Штейгер_Forge.png
}}


  if (checkWin(newBoard, huPlayer)) {
{{таблица ролей/содержание
    return {
|цвет = #405475
      score: -10
|заголовок = Шестёрка
    };
|ссылка = Frontier:Шестёрка
  } else if (checkWin(newBoard, aiPlayer)) {
|иконка = Шестёрка_Forge.png
    return {
}}
      score: 10
</div>
    };
</div>
  } else if (availSpots.length === 0) {
</div>
    return {
<!-- Восставшие колонии Ренегатов -->
      score: 0
    };
  }
  let moves = [];
  for (let i = 0; i < availSpots.length; i++) {
    let move = {};
    move.index = newBoard[availSpots[i]];
    newBoard[availSpots[i]] = player;


    if (player === aiPlayer) {
</div>
      let result = minimax(newBoard, huPlayer);
      move.score = result.score;
    } else {
      let result = minimax(newBoard, aiPlayer);
      move.score = result.score;
    }
 
    newBoard[availSpots[i]] = move.index;
 
    moves.push(move);
  }
 
  let bestMove;
  if (player === aiPlayer) {
    let bestScore = -10000;
    for (let i = 0; i < moves.length; i++) {
      if (moves[i].score > bestScore) {
        bestScore = moves[i].score;
        bestMove = i;
      }
    }
  } else {
    let bestScore = 10000;
    for (let i = 0; i < moves.length; i++) {
      if (moves[i].score < bestScore) {
        bestScore = moves[i].score;
        bestMove = i;
      }
    }
  }
  return moves[bestMove];
}
</script>

Текущая версия от 18:29, 10 апреля 2026

Транс-Солнечная Федерация

Командующий Офицер
Старший Офицер
Исполнительный Офицер
Посол Федерации
Младший Офицер


Морпех
Новобранец

Восставшие колонии Ренегатов

Барон
Чертёжник
Смотрящий
Костоправ
Штейгер
Шестёрка
Источник — https://station14.ru/index.php?title=Frontier:Роли&oldid=214250