grid - 带有瓷砖颜色的摩艾网格

Question

我正在尝试使用 Moai SDK 为游戏创建网格。网格中的每个图 block 都应该具有填充颜色的能力。
所以实际上我有两个问题:

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

如何用颜色单独填充每个图 block

谢谢

Answer 1

What is the best way to build a grid using Moai

Moai 有一个用于创建网格的对象: MOAIGrid .使用框架的
行话，你创建一个网格并给它一个甲板。然后你把它附加到一个 Prop 上
将 Prop 添加到图层。 (该层还需要一个附加的视口(viewport)
到一个窗口。)

How can I fill each tile individually with a color

一个 Moai deck是图像或图像集合。如果你想要你的
瓷砖是不同的颜色，然后你会创建一个带有图像的甲板
那些颜色的正方形。

例子

此代码将在窗口中创建一个 4x4 网格:

-- Open the window and create a viewport
MOAISim.openWindow("Example", 512, 512)
viewport = MOAIViewport.new()
viewport:setSize(512, 512)
viewport:setScale(512, 512)

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

-- Create a 4x4 grid of 64x64px squares
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)

-- Load the image file
deck = MOAITileDeck2D.new()
deck:setTexture("squares.png")
deck:setSize(2, 2)

-- Make a prop with that grid and image set
prop = MOAIProp2D.new()
prop:setDeck(deck)
prop:setGrid(grid)
prop:setLoc(-256, -256)

-- Add it to the layer so it will be rendered
layer:insertProp(prop)

之后，如果要更改特定单元格的颜色，请使用 setTile方法来选择该单元格使用的卡组中的哪个项目。

-- Change the color of cell 1,1 to the second item in the deck
grid:setTile(1, 1, 2)