Как сгенерировать положение монет рандомно чтобы они не пересекались?

Question

var cvs = document.getElementById("canvas");
var ctx = cvs.getContext("2d");

var bird = new Image()
var bg = new Image()
var water = new Image()
var cn = new Image()
var cnBottom = new Image()
var coins = new Image()
var island = new Image()
var xPos = 100
var yPos = 300
var vMov = 1
var hMov = 1
var xCoins
var yCoins
var moneyX = []
var moneyY = []
var i = 0
var e
bird.src = "img/pig.png"
bg.src = "img/фон 1.png"
cn.src = "img/пушка 1.png"
cnBottom.src = "img/пушка 2.png"
water.src = "img/вода большая.png"
coins.src = "img/монета.png"
island.src = "img/остров.png"

function condOfEq() { /*Здесь я проверяю их на пересечнение ,если они перпесеклись то генерирую еще ращ*/
  var n
  var g = 0

  while (n != true) {
    if (g >= 5) {
      moneyX.pop(), moneyY.pop(), n = true, e = false
    }
    let x = moneyX[g]
    let y = moneyY[g]
    if (Math.sqrt(Math.abs(((xCoins - x) ** 2) + ((yCoins - y) ** 2))) >= 70) {
      /*ctx.drawImage(coins, moneyX[i], moneyY[i])*/
      n = true, e = true
    } else {
      n = false
    }
    g++

  }
  return e
}

function randomG() { /*Здесь я генерирую арндомные координаты для монеток*/
  while (moneyY.length < 6, i < 5) {
    function drawCoinsX() {
      return Math.floor(Math.random() * (900 - 400) + 400);
    }
    xCoins = drawCoinsX()
    moneyX.push(xCoins)
    console.log(moneyX)

    function drawCoinsY() {
      return Math.floor(Math.random() * (400 - 300) + 300)
    }
    yCoins = drawCoinsY()
    moneyY.push(yCoins)
    console.log(moneyY)

    if (moneyY.length > 1) {

      condOfEq()

      if (e = true) {
        ctx.drawImage(coins, moneyX[i], moneyY[i]), i++
      } else {
        i++
      }

    } else {
      ctx.drawImage(coins, moneyX[i], moneyY[i]), i++
    }
    
  }
}

function draw() {

  randomG()
  ctx.drawImage(bg, 0, 0)
  ctx.drawImage(water, 0, cvs.height - water.height, 1270, 127)
  ctx.drawImage(island, 100, 100)
}

coins.onload = draw

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Game</title>
</head>

<body>
  <canvas id="canvas" width="1270" height="590"></canvas>
  <script src="game.js"></script>
  <script src="class.js"></script>

</body>

</html>

БЛОГ НА HUSL

Как сгенерировать положение монет рандомно чтобы они не пересекались?

Ответы (0 шт):