如何生成网格 x,y 坐标

Question

I'm creating a simple game, in the game I have a 4 x 4 square, what i would like to do is generate coordinate points to fill up the square with a 2.0 spacing.

I tried to do it but i got stuck and confused here:

var coords = []
for (var i = 0.2; i < 2; i += 0.4) {
  //round to 1dp
  coords.push(Math.round(i * 10) / 10)
}

console.log(coords) 

I need to fill up the square like a Cartesian plane where the values increase by 0.2, until it reaches 1.8 to the left, top, right and bottom of the square

Answer 1

There you go. I hope that's what you were asking for.

 var coords = [[], []]; const x = 0; const y = 1; /* Generate X coords */ for (var i = -1.8; i < 2; i += 0.4) { let c = Math.round(i * 10) / 10; coords[x].push(c); if(c + 0.2 == 0) coords[x].push(0); } /* Generate Y coords */ for (var i = -1.8; i < 2; i += 0.4) { let c = Math.round(i * 10) / 10; coords[y].push(c); if(c + 0.2 == 0) coords[y].push(0); } console.log(coords);