grid - タイル色のモアイグリッド

Question

MoaiSDKを使用してゲームのグリッドを作成しようとしています。グリッド内の各タイルには、色で塗りつぶす機能が必要です。

だから実際に私は2つの質問があります：

• モアイを使用してグリッドを構築するための最良の方法は何ですか
• 各タイルを個別に色で塗りつぶすにはどうすればよいですか

ありがとう

Answer 1

モアイを使用してグリッドを構築するための最良の方法は何ですか

Moaiには、グリッドを作成するためのオブジェクトMOAIGridがあります。フレームワークの専門用語を使用して、グリッドを作成し、それにデッキを与えます。次に、それを小道具に取り付け、小道具をレイヤーに追加します。（そのレイヤーには、ウィンドウにアタッチされたビューポートも必要です。）

各タイルを個別に色で塗りつぶすにはどうすればよいですか

モアイデッキは、画像または画像のコレクションです。タイルを異なる色にしたい場合は、それらの色の正方形の画像を使用してデッキを作成します。

例

このコードは、ウィンドウに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)

Answer 2

コード全体を編集しました。

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) --This is the rect drawing line.
    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={} --array to store 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`

Moai の高レベル API であるRapanuiを確認する必要があります (このコードを言い換えた場所)。

Answer 3

グリッドを構築することは、実際には、グリッド構成で正方形のヒープを描画することです。モアイの 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