# 编辑整个代码
MOAISim.openWindow ( "test", 320, 480 )

viewport = MOAIViewport.new ()
viewport:setSize ( 320, 480 )
viewport:setScale ( 320, -480 )
viewport:setOffset(-1, 1)

layer = MOAILayer2D.new ()
layer:setViewport ( viewport )
MOAISim.pushRenderPass ( layer )

function createRect(x1,y1,x2,y2, R,G,B)
    local function onDraw()
        MOAIGfxDevice.setPenColor(R,G,B)
        MOAIDraw.fillRect(x1,y1,x1+x2,y1+y2) --这是画矩形的线。
    end

    local gfxQuad = MOAIScriptDeck.new()
    gfxQuad:setRect(x1,y1,x2,y2)
    gfxQuad:setDrawCallback(onDraw)

    local prop = MOAIProp2D.new()
    prop:setDeck(gfxQuad)
    layer:insertProp ( prop )
    return prop
end

mapmaxx = 10
mapmaxy = 10
map={} -- 用于存储地图的数组
for x = 1, mapmaxx do
    map[x] ={}
   for y = 1, mapmaxy do
       map[x][y] = createRect(x*20, y*20, 10, 10, x,y,x/y)
    end
end`

你可以查看[Rapanui](https://github.com/ymobe/rapanui/)，这是一个高级的Moai API（我从中摘抄了这段代码）。

构建网格实际上只是在网格形式中画一堆正方形。 我不知道 Moai 的 API，但我觉得你可以用 drawSquare(x,y,width,height,color) 来画正方形。

所以你有：

local width = 800
local height = 600
local color = { red=1, blue=1, green=1 }
for x=1 , 100 do
    for y=1, 100 do
        screen:drawSquare((x-1)*width,(y-1)*height,width,height,color)
    end
end

使用 Moai 构建网格的最佳方法是什么

Moai 中有一个用于创建网格的对象：MOAIGrid。在使用框架的术语上，你需要创建一个网格并为其提供一个 deck。然后你将其附加到一个 prop 上并将该 prop 添加到一个层中。（该层还需要一个视口，该视口已附加到一个窗口上。）

如何为每个单独的 tile 填充颜色

Moai deck 是一个图像或图片集合。如果您希望您的瓷砖是不同的颜色，那么您将创建一个带有以这些颜色为底的瓷砖的 deck。

示例

这段代码将在窗口中创建一个 4x4 的网格：

-- 打开窗口并创建一个视口
MOAISim.openWindow("Example", 512, 512)
viewport = MOAIViewport.new()
viewport:setSize(512, 512)
viewport:setScale(512, 512)

-- 创建一个层
layer = MOAILayer2D.new()
layer:setViewport(viewport)
MOAISim.pushRenderPass(layer)

-- 创建一个由 64x64 像素组成的 4x4 网格
grid = MOAIGrid.new()
grid:initGrid(4, 4, 64)
grid:setRow(1, 1, 1, 1, 1)
grid:setRow(2, 1, 1, 1, 1)
grid:setRow(3, 1, 1, 1, 1)
grid:setRow(4, 1, 1, 1, 1)

-- 加载图像文件
deck = MOAITileDeck2D.new()
deck:setTexture("squares.png")
deck:setSize(2, 2)

-- 用该 grid 和 image set 创建一个 prop
prop = MOAIProp2D.new()
prop:setDeck(deck)
prop:setGrid(grid)
prop:setLoc(-256, -256)

-- 将其添加到层中以进行渲染
layer:insertProp(prop)

接下来，如果要更改特定单元格的颜色，请使用 setTile 方法选择该单元格使用的 deck 中的项目。

-- 将第一个单元格的颜色更改为 deck 中的第二个项目
grid:setTile(1, 1, 2)