主页 / 问题 / 1204697
Accepted
Дмытрык
Asked:2021-11-15 02:40:54 +0000 UTC2021-11-15 02:40:54 +0000 UTC

城市的影响区域。游戏[重复]

  • 772

问题的重制，参与者对我的解决方案缺乏感到愤怒，关闭了

游戏。城市影响区

全球地图有一部分（二维矩阵），其中心是城市。城市有影响力。远离城市的每一步，影响力都会变得越来越小。需要用影响力的对应值填充矩阵的所有元素。插图绘图

在此处输入图像描述

例如，一个城市的影响力是 150 点。影响减少步骤 100 分。与城市相邻的瓷砖将有 150 影响力，然后是 50，然后是 0。

javascript

1 个回答

  1. Best Answer

    这项任务中最困难的事情是设置城市对不在直线上的单元格的影响权重

    const listColors = [
  "black",
  "yellow",
  "blue",
  "green",
  "red",
  "brown",
  "pink",
  "silver",
];
const value = 24000;
const step = 10000;
const area = [];
const size = 9;
for (let i = 0; i < size; i++) {
  const row = [];
  area.push(row);
  for (let h = 0; h < size; h++) {
    row.push(0);
  }
}

function setWeight(arr) {

  const center = Math.floor(arr.length / 2);
  for (let i = 0; i < arr.length; i++) {
    const row = arr[i];
    for (let h = 0; h < row.length; h++) {
      let newX = Math.abs(center - i);
      let newY = Math.abs(center - h);
      let weight = Math.max(newX, newY);
      weight = weight < 0 ? 0 : weight;
      const maxValue = weight * step;
      let power = maxValue <= value ? value - maxValue : step - (maxValue - value);
      power = value - maxValue < 0 ? 0 : power;
      const template = {
        power,
        weight
      }
      row[h] = template;

    }
  }
  createTemplate(arr);
}

function createTemplate(arr) {
  const app = document.querySelector("#app");
  for (let i = 0; i < arr.length; i++) {
    const el = arr[i];
    const row = document.createElement("div");
    row.classList.add("row");
    app.appendChild(row);
    for (let h = 0; h < el.length; h++) {
      const item = el[h];
      const cell = document.createElement("div");
      cell.classList.add("cell");
      cell.style.backgroundColor = listColors[item.weight];
      row.appendChild(cell);
    }
  }
}
setWeight(area);
    .row {
  display: flex;
}

.cell {
  width: 30px;
  height: 30px;
  border: 1px solid;
}
    <div id="app">
</div>

    • 2

相关问题