bounce ball
Olá galera do grupo estágio 1! Numa tentativa de completar minha apresentação na última aula de Estágio 1, venho demonstrar o uso da ferramenta Shoebox para a confecção de folhas de imagens(os spritesheets).
Vamos lá:
Primeiro baixe o ShoeBox em http://renderhjs.net/shoebox/. Clique no botão ShoeBox 3.4.2 localizado ao lado direito superior da tela. Para instalá-lo, precisará realizar uma outra instação, a do software “Adobe AIR runtime”. Depois de instalado o Adobe AIR runtime, execute normalmente o arquivo ShoeBox_3.4.2_public.air.
Depois de tudo instalado, rode o aplicativo ShoeBox localizado na área de trabalho com um atalho.
Crie uma pasta e cole todos os sprites(as figurinha com diferentes posições). Com o ShoeBox aberto, arraste todas as figurinha para o botão Sprite Sheet. Surgirá um outra janela com a folha de imagens já formada. Não clique em “Save” ainda. Vá em “Settings” e no menu “Basic” , no campo Template, selecione Corona SDK. Depois disso, clique em “Advanced” e na opção “Render Debug Layer, mude para “false”. Clique em “Apply”. Depois em “Save”.
Dentro da pasta que você criou e pôs os sprites, surgirá dois arquivos: o sprites.lua e a folha de imagens.
Abra o arquivos sprites.lua e copie o seguinte trecho de código: Frames = {
//aqui fica as informações de cada Sprite, como posições x e y, largura, altura, informações de cada arquivo original(são geradas automaticamente).
},
sheetContentWidth = “largura da folha(gerado automaticamente)”, sheetContentHeigth = “altura da folha(gerado automaticamente”
}
Crie uma estrutura de dados em seu arquivo main.lua e cole esse trecho de código dentro: dados = {
//o trecho de código mencionado acima.
}
Crie um objeto de nome qualquer (objeto1) e use a API graphics e use o método newImageSheet para atribuí-lo um objeto display, que é aquela estrutura de dados com as informações de frame de cada Sprite e informações da folha de imagem. Exemplificando,