屏幕尺寸最大的等距瓷砖?

时间:2012-03-09 00:48:29

标签: javascript math

我想知道是否有人知道一个javascript公式,它根据屏幕尺寸计算在任何给定时间出现在用户屏幕上的最大图块数量......

例如: 如果我们说屏幕尺寸为1200像素×600像素,则图块为64像素×32像素。

在鸟瞰图中,这很容易计算,但等距有点让我更难以理解如何在我的代码中实现这样的计算。

有没有人知道如何计算它?

2 个答案:

答案 0 :(得分:0)

假设您只计算适合完全的瓷砖(不会被切断):

  var verticalCount = Math.floor(windowHeight / tileHeight);
  var horizontalCount = Math.floor(windowWidth / tileWidth);
  var totalCount = verticalCount * horizontalCount;

如果你想计算部分适合的瓷砖(被窗户切断),只需将Math.floor的两个实例更改为Math.ceil以上。

答案 1 :(得分:0)

如果您想用等距瓷砖填充屏幕,而不是电路板,而不计算可以显示的半瓷砖,那么公式就是

var cols = Math.floor(windowWidth/tileWidth)
var rows = Math.floor(windowHeight/tileHeight) 
var totalCount = (rows * cols) + ((rows-1)*cols)

这将为您提供适合该空间的完整等距图块的数量。