Question

我一直在研究这个教程： http://blog.new-bamboo.co.uk/2009/12/30/html5-canvas-snake-game

但我出于某种原因无法弄清楚如何让蛇每次都开始随机出现..

任何想法如何做到这一点？

Answer 1

这是在网格中设置起始位置的地方：

// The current position of the Snake's head, as xy coordinates
this.currentPosition = [50, 50];

从一个随机点开始：

var randX = Math.floor(Math.random() * x),  // x = 50 in the default grid
    randY = Math.floor(Math.random() * y);  // y = 50 in the default grid

this.currentPosition = [randX, randY];

根据博客的说法，如果您复制了实际的源代码，它会使用一个对象而不是一个数组作为坐标，并计算一些不同的东西。在start函数中，您只需要选择一个新的起始单元格。

var randX = Math.floor(Math.random() * 40) * this.gridSize,  
    randY = Math.floor(Math.random() * 30) * this.gridSize; 

this.currentPosition = {'x': randX, 'y': randY};

随机开始摆放蛇

1 个答案: