Galera esse evento vai ser muito legal. E o melhor ainda é que é  em FLO-RÍ-PA! E melhor ainda é que eu moro em florianopolis kkk…. Pro     pessoal que esta interessado em aprender metodologias ágeis para  produção de software esse evento promente boas lições. E você pode  tirar proveito disto e aplicar as metodologias para a criação de jogos e  fazer o  diferencial no seu currículo.

Espero que gostem do meu tabalho e não deixem de comentar! =]

———————————————————————————————————————————————–

Passo 1: Nossa primeira aplicação!

Você deve estar com o Multimedia Fusion 2  Developer instalado em seu computador . Inicie-o. Você verá esta tela:

A área esquerda da janela esta dividida em duas: a área de trabalho (workspace area), onde o conteúdo do seu jogo será mostrado e as propriedades da barra de ferramentas (properties toolbar). O fundo da janela mostra o conteúdo da biblioteca gráfica (graphic libraries). Se você não vê nenhuma dessas coisas na janela, não entre em pânico, é  muito simples exibi-los: abra o menu View , e vá no sub-menu Toolbars.  Agora selecione a opção,  Workspace,  Properties ou Library Window dependendo das ferramentas que estão faltando.

Agora vamos criar nossa primeira applicação: Clique no icone “New” na barra de ferramentas.

Você pode ver que na área de trabalho do MMF criado uma nova aplicação. Você também pode ver que o MMF automaticamente criou um “Frame” na aplicação: este frame irá conter o primeiro nível do seu jogo. O MMF também abriu automaticamente uma nova janela na área de trabalho.

Esta janela é chamada de Storyboard editor, um dos vários editores contidos no MMF. Não exploraremos todos agora… no momento vamos simplesmente ampliar o Storyboard para que ele tenha todo o espaço disponível na janela principal. Para isso, basta dar um duplo clique sobre o título da janela (você não precisa fazer isso se a janela já tem todo o espaço disponível):

E que deve ficar assim:

———————————————————————————————————————————————–

PASSO 2  - O FRAME EDITOR

Como foi dito antes, a janela que você vê na tela é chamada de Storyboard editor. Ela exibe uma miniatura de frames na sua aplicação. Estes frames podem ser pensados como “campos de jogo”, partes ou como níveis do jogo. Você pode também dizer que eles mostram os diferentes slides da sua apresentação, se é isso que você estava criando. Você entenderá como isso funciona até o final deste tutorial.Mas agora, eu quero que você clique em um botão:

Clique no grande botão “1″ na janela Storyboard:

Este botão abrirá o Frame Editor, para editar o primeiro frame da sua aplicação. Lembre-se, seu jogo é a sua “aplicação”. Este é o primeiro “nível” do seu jogo.

Agora você vê o frame edifor.  A área branca no meio é o local aonde iremos soltar diferentes elementos do jogo. Este é  o “campo de jogo” aonde todas as ações terão seu lugar quando o jogo for executado.

———————————————————————————————————————————————–

Passo 3 – Soltando os primeiros objetos

O que nós queremos criar é um jogo estilo breakout. Em um jogo breakout, você tem uma bola, um bastão e alguns tijolos.  Neste tutorial, queremos criar um super jogo de breakout, com impressionantes gráficos feitos em 3D.

Primeiramente, nós precisamos encontrá-los para o seu jogo. Você não terá que desenhar os gráficos na tela, nós já os fizemos para você: todos os gráficos do jogo que criaremos estarão em uma “biblioteca“(pasta library). Bibliotecas são conjuntos de objetos prontos para serem usados no MMF.

Como localizar a biblioteca de gráficos para o nosso jogo? Como você pode ter adivinhado, a biblioteca pode ser achada na janela “library”, no canto inferior-esquerdo da sua tela. Lá, você verá uma arvore, com pastas nela ( abas com sinal de ”+” ou ”- ”). Clique na pasta “Tutorials“, ela deve mostrar um conjunto de nomes na tela principal da barra de ferramentas da biblioteca. Localize o “Chocobreak Tutorial” e de um duplo clique nele para abri-lo.

Como você pode ver, a biblioteca contem uma coleção de itens nomeados: são os objetos. Você pode até advinhar o futuro uso dos objetos através dos seus nomes. Por exemplo, “BallGolden” será a bola que usaremos no nosso breakout game.

Certo, vamos soltar nosso primeiro objeto. Primeiro de tudo, localize o objeto chamado “SugarVertical1“. Clique nele e segure-o com o mouse, arraste-o em direção a área branca do frame e solte-o lá. Você deve ver agora um objeto comprido e colorido. Clique no objeto e o coloque mais a esquerda da área do frame. Este objeto é a borda esquerda da área onde ocorre o nosso jogo.

Proceda com o mesmo método para o objeto chamado “SugarHorizontal” e coloque-o no topo da área do frame. Faça o mesmo para o objeto chamado “SugarVertical2” e largue-o no lado direito. No final, a sua tela deve ficar assim:

Os objetos que você acabou de soltar são mais do que simples imagens : eles são animados. Para ver a animação você tem que iniciar a aplicação. Então, localize o icone “run frame” na barra de icones perto do topo da sua tela e clique nele:

Se você esta usando a versão demo, clique no botão “continue” na caixa de advertência( esta caixa não aparece na versão completa).

Uma janela aparece e roda o frame que você estava trabalhando. Observe que somente a área branca do frame esta visível. Agora você consegue ver três animações em espiral. Elas são bonitas, não são?

Após ver a animação pronta, feche a janela:  agora você esta de volta ao frame editor.

———————————————————————————————————————————————–

Passo 4 –  A Bola

Todos jogo tipo breakout precisa de uma bola. Agora que nós sabemos como adicionar objetos, vamos soltar um no nosso campo de jogo.

Localize o objeto chamado “BallGolden” na biblioteca. Em seguida, use o método descrito nos capítulos anteriores, arraste e solte a bola no meio do frame.

Se você clicar em “Run Frame” agora, verás que a bola não se move. Ela é estática. Mas porque ela não se move? Ela não se moverá até que ensinemos a nossa bola como se mover! Em outras palavras, nós iremos atribuir propriedades de movimento a bola e definir como o movimento funcionará em nosso jogo.

Cada objeto tem um número de propriedades que definem seu comportamento durante o jogo. Que é, como ele se move, se anima, é amostrado etc. Para acessar as propriedades de um objeto, você precisa abrir suas propriedades em property window. Isto é feito simplesmente clicando no objeto que esta no frame: faça isso e você verá as propriedades no property toolbar. As propriedades são ordenadas de acordo com o gênero, em pequena abas no topo da janela. Localize aquele chamado “movement” e clique.

Localize a linha “type” e clique. Esta abre uma combo box exibindo todos os diferentes gêneros de movimento. Selecione a entrada “Bouncing ball“.

Nós escolhemos o efeito de movimento de uma “bola saltando” para o nosso objeto. Como você pode ver, outros tipos de movimentos estão disponíveis: nós voltaremos neles mais tarde. Uma vez que o movimento esta selecionado, suas propriedades estão disponíveis no property toolbar :

Se você explorou todas as diferentes propriedades, você perceberá que algumas são obvias, como a propriedade “speed“. Aqui a velocidade esta fixada em 60, que é a correta para nosso jogo. Clique no botão “try movement” para ver a velocidade da bola na tela.

“Deceleration” faz com que a bola progressivamente desacelere, como em um jogo de futebol. Para o nosso breakout nós não queremos que a bola pare: deixe esta propriedade em zero.

“Moving at start” deve ser examinado: nós queremos que a bola se mova quando o jogo inicie.

“Number of angles” indica quantos ângulos a bola pode ter. As diferentes configurações são 8, 16 e 32. Elas fazem o jogo mais interessante.

“Randomizer” acrescenta alguma aleatoriedade: as vezes a bola não saltará na direção correta se você setar isto para um valor tão alto. Para este jogo, você pode querer reduzir este parâmetro um pouco.

“Security” é usada para evitar que a bola fique presa em um loop ( ir para a frente e para trás da mesma forma ) que define o número de vezes que a bola irá retornar antes de sair do loop.

Nota: Depois do tutorial, você pode aprender um monte e se divertir experimentando estas configurações e notando os efeitos que elas tem.

Agora clique em “Initial direction“. Como o nome indica, este define a direção que a bola toma quando o jogo inicia. Por padrão, a bola vai para a direita da tela. Claro que temos de modificar isto já que queremos que a bola  venha em direção a nós, ou melhor em direção ao tijolos de modo que ela se choque antes de vir até nós. Com o seu mouse selecione as setas que nem abaixo:

Quando mais do que uma direção esta selecionada, MMF escolhe uma direção randomica entre as direções selecionadas.

Parabéns! Você acaba de ensinar a sua bola como se mover.

Aqui finalizo a primeira parte deste tutorial. Estarei postando aqui nos próximos dias a segunda parte.  Espero que você tenha gostado. E não deixe de comentar!  =)

Publicado emTutoriais ]]> http://godevelopgames.wordpress.com/2009/07/20/multimedia-fusion-2-parte-1/feed/ 0 jhon http://godevelopgames.wordpress.com/2009/07/15/multimedia-fusion-2/ http://godevelopgames.wordpress.com/2009/07/15/multimedia-fusion-2/#comments Wed, 15 Jul 2009 02:11:00 +0000 jhon http://godevelopgames.wordpress.com/?p=28 ]]> Multimedia Fusion 2 é um software para criação de jogos. Ele é bem divertido. Aqui o que você precisa basicamente é apontar e clicar! E também criatividade para fazer joguinhos legais… Criar jogos do tipo “Arkanoid” se torna algo bem fácil já que você não precisa ser programador para fazê-lo.

Multimedia Fusion tem uma linguagem bem simples pois usa grade de eventos com imagens totalmente guiada pelo mouse.

Nas próximas semanas estarei trazendo aqui aos poucos o tutorial que no momento estou traduzindo. Até o final desta semana eu trago a primeira parte e quando ele estiver todo pronto o disponibilizarei em PDF para download! Fiquem atentos!

veja o exemplo:

A sprite acima é formada por 9 imagens diferentes( frames ).  Se exibirmos o primeiro frame até o último em sequencia o que veremos é o nosso amiguinho girar! Agora se ao mesmo tempo em que os frames são sucessivamente exibidos incrementarmos o atributo x ( que define o posicionamente inicial da sprite no eixo x ) o que veremos será a sprite girar para o lado direito. Legal não?

Esta é uma tecnica  essencial impregada em jogos bidimensionais que  consiste em representar todas as cenas do jogo assim como as animações por diversas imagens bidimensionais posicionadas.

Mas chega de teoria e vamos criar uma animação de sprites!!!

Vamos dividir a sprite em 9 frames ( aqui não usaremos funções que mapeiam uma imagem, por isso a necessidade de dividir a sprite). Em uma lista adicionaremos cada imagem na sequencia que estas devem ser exibidas. Também atribuiremos uma coordenada x e uma y para definir a posição das imagens no espaço.

A Classe Animacao:

Os objetos img guardam as imagens da sprite. O atributo IMAGEMDAVEZ, como o próprio nome já diz, é responsavel por armazenar a imagem a ser exibida na tela, uma por vez.

o método verificaImgDaVez() faz com que IMAGEMDAVEZ armazene os objetos img um por vez, movimentoEsquerda() e movimentoDireita() são responsáveis por decrementar e incrementar x respectivamente. São chamados quando o usuario clica nas setas do teclado.

Este é um exemplo simples de se fazer uma animação. O problema é que temos que dividir a sprite em  vários frames.  Um  outro método de se animar sprites é fazendo um mapeamento da  imagem que representa a sprite mas esta é uma questão que discutirei no proximo post.

Ainda há a classe que trata os eventos do teclado para movimentar a sprite de acordo com a direção que o usuario quer e a classe Main que inicia tudo.

O download de todo o arquivo você encontra no link abaixo:

http://www.adrive.com/public/9ecf40ca5bfc188b78d6709c15f63079a3de2843aafdead9a222ce8ead6c7d6e.html