Siatka Moai z kolorami płytek

Question

Próbuję utworzyć siatkę dla gry za pomocą zestawu SDK Moai. Każda płytka w siatce powinna mieć możliwość wypełnienia kolorem.

Więc rzeczywiście mam dwa pytania:

• Jaki jest najlepszy sposób na zbudowanie sieci przy użyciu Moai
• W jaki sposób można wypełnić każdą płytkę indywidualnie z kolorem

Dzięki

Answer 1

Jaki jest najlepszy sposób na zbudowanie siatki przy użyciu Moai

Moai ma obiekt do tworzenia siatek: MOAIGrid. Używając żargonu struktury, tworzysz siatkę i nadajesz jej talię. Następnie podłączamy go do podpory i dodajemy podpórkę do warstwy. (To warstwa musi również rzutnię który jest dołączony do okna.)

Jak mogę wypełnić każdą płytkę indywidualnie z kolorem

Moai deck jest obraz lub zbiór obrazów. Jeśli chcesz, aby Twoje kafelki miały różne kolory, możesz utworzyć talię z obrazkami kwadratu w tych kolorach.

Przykład

Kod ten tworzy siatkę 4x4 w oknie:

-- 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) 

Po tym okresie, jeśli chcesz zmienić kolor określonej komórki, należy użyć metody setTile aby wybrać element w talii, z której korzysta komórka.

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

Answer 2

Edytowane dla całego c oda.

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` 

Powinieneś sprawdzić Rapanui, API wysokiego poziomu dla Moai (gdzie ja parafrazując ten kod z)

Answer 3

Budowanie sieci jest naprawdę tylko rysunek sterty placów w tworzeniu siatki. Nie znam api Moai; ale spodziewam można po prostu drawSquare (x, y, szerokość, wysokość, kolor)

więc masz:

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