2

Пишу игру "Жизнь". Как найти соседние клетки?

window.onload = function() {
  var cell = [
    1, 1, 1, 0,
    1, 0, 1, 0,
    1, 0, 1, 1,
    0, 1, 0, 1
  ];
  var tableContainer = document.querySelector("table");
  var tbodyContainer = tableContainer.querySelector("tbody");
  var createdRow = document.createElement("tr");
  cell.forEach(function(Onecell, i, arr) {
    if (i % 4 === 0) {
      tbodyContainer.appendChild(createdRow);
      createdRow = document.createElement("tr");
    }
    tbodyContainer.appendChild(createdRow);
    var createdCell = document.createElement("td");
    if (Onecell === 0) {
      createdCell.classList.add("dead");
    } else {
      createdCell.classList.add("live");
    }
    // добавляем только что созданый элемент в дерево DOM
    createdRow.appendChild(createdCell);
  });
}
td {
  margin: 10px;
  border: 2px solid black;
}
tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.live,
.dead {
  width: 30px;
  height: 30px;
}
.live {
  background-color: #adff2f;
}
.dead {
  background-color: #ffffff;
}
table {
  border: 4px double black;
}
<table>
  <tbody>
  </tbody>
</table>

7
  • о каких клетках идет речь? в чем заключается проблема?
    – Grundy
    25 авг 2016 в 8:13
  • Хочу чтобы все соседние клетки могли видеть друг друга.
    – robert
    25 авг 2016 в 8:14
  • 1
    а почему ты думаешь, что сейчас они не видят друг друга?
    – Grundy
    25 авг 2016 в 8:15
  • 1
    Как тогда реализовать алгоритм. Чтобы клетки умирали от перенаселенности или от их недостачи?
    – robert
    25 авг 2016 в 8:17
  • очень просто, сначала надо определиться с самим алгоритмом
    – Grundy
    25 авг 2016 в 8:29

2 ответа 2

2

для одномерного массива (не знаю как сказать)... потом в матрицу. функция для нахождения всех соседних клеток на указанную дальность chec(индекс вокруг которого искать, дальнось, ширина матрицы, высота), для примера индекс 2, матрица 4 на 4, глубина 1. результат [1,3,5,6,7]

function chec(indx, size, width, height) {
            var s = [],
                x = indx % width,
                y = indx / width | 0;
            size = size || 1;
            for (var i = y - size; i <= y + size; i++) {
                for (var k = x - size; k <= x + size; k++) {
                    var num = k + i * width;
                    i > -1 && i < height && k > -1 && k < width && num < (i * width + width) && num != indx && s.push(num)

                }
            }
            return s
        }
console.log(chec(2, 1, 4, 4) );

1
  • А проще можно сделать? Сложно понять твой код.
    – robert
    26 авг 2016 в 9:27
-2

Воспользуйтесь в новой переменной.

elem.querySelectorAll(value)    

и уже работайте исходя от нее. так, как elem.querySelector(value) взаимодействует только с 1 (первым найденным =[0]) элементом.

1
  • где использовать эту новую переменную?
    – Grundy
    25 авг 2016 в 8:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.