Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]

15/12/2014

Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]

Passo a passo tutorial para o jogo Desenvolver Este tutorial irá ajudá-lo a começar a usar o Game Desenvolver: Você vai criar um jogo muito simples onde inimigo está indo em direção ao jogador, que será capaz de tiro-los, de modo a fazê-los explodir. Você também pode ler o outro tutorial disponível para iniciantes aqui se você preferir criar um jogo de plataforma!

Note que você pode ler a página de introdução de modo a obter uma visão geral do software: Ele explica os principais conceitos e descrever descrever a interface do jogo desenvolve. desenvolve.

Download Game Desenvolver [http://compilgames.net] . Se você não tem jogo Desenvolver, Desenvolver, baixá-lo a partir do site oficial: http://compilgames.net [http://compilgames.net] Sempre baixe GD desta página para ter a certeza de ter a versão mais recente . Instalar ou extrair Jogo Desenvolver e iniciá-lo. A página inicial é exibida:

http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2

1/20

15/12/2014


Se você quiser, você pode ler esta página para ter uma visão geral da interface do jogo desenvolve.

Criar um novo jogo Clique em Novo na fita para criar um novo projeto:

A janela oferece-lhe a escolher a plataforma na qual o seu jogo será baseado, assim como alguns modelos. Escolha a plataforma Web e, em seguida, clique no projeto vazio:

Escolha também um diretório e um nome para o seu jogo, e pressione OK para criar o projeto. A primeira cena é automaticamente criar e aberto para você a primeira vez que você cria um jogo:


2/20

15/12/2014


Obter as imagens e os recursos necessários para o tutorial Antes de prosseguir, vamos precisar de algumas imagens para o nosso jogo. Você pode baixá-los aqui: http://www.compilgames.net/dl/BeginnerTutorial2Images.zip [http://www.compilgames.net/dl/BeginnerTutorial2Images.zip] . Depois de ter baixado o arquivo, extrair seu conteúdo na pasta onde você criou o projeto.

Criar o jogador turret O jogador estará controlando uma torre de tiro sobre os inimigos. Faça um clique direito sobre o centro da cena cinza no jogo Desenvolver e escolha Adicionar um novo objeto . Uma janela pop-ups, a fim de escolher o tipo de objeto para criar:

Escolha o Sprite objeto e clique em Ok. O editor do objeto é então aberto automaticamente:


3/20

15/12/2014


A primeira coisa a fazer é também adicionar a imagem de revólver: Faça um clique direito sobre a área branca na parte inferior da janela, e selecione Adicionar uma imagem de um arquivo :

Escolha a imagem de revólver na pasta do projeto, e clique em Abrir : A imagem é adicionada ao objeto.

Você pode então fechar o editor Sprite, a fim de voltar para o editor de cena. O objeto é apresentado no ponto onde você fez o clique direito:


4/20

15/12/2014


Você pode mover o objeto, mantendo o botão esquerdo do mouse pressionado sobre ele. Por padrão, um objeto é chamado NewObject por Game Develop. Para mudar isso, selecione o objeto na lista do lado direito da janela, e pressione F2 . Digite então Turret com um novo nome e pressione Enter .

Primeiros eventos Vamos criar os eventos usados para animar todo o jogo. Em primeiro lugar, a torre deve ser voltada para o mouse jogador. Vá para o editor eventos clicando na guia eventos:

Em seguida, na faixa de opções, clique em Adicionar um evento para criar um novo evento:

O evento é criado, com uma lista vazia de condição (na parte esquerda) e uma lista vazia de ações (à direita). Coloque o cursor sobre a lista de ações e escolha Adicionar uma ação no painel contexto que apareceu:

A primeira ação vai virar o revólver em direção ao mouse: Na janela, escolha a ação Todos os objetos> Angle> Gire para a posição . Quando selecionada, a parte direita da janela mostrar o nome da ação, bem como os parâmetros. Encha o primeiro parâmetro, inserindo Turret (Você também pode clicar no botão ao lado do parâmetro para obter uma lista dos objetos disponíveis). Para os seguintes parâmetros, entrar MouseX () e MouseY () , de modo que o objecto se volta para a posição do rato. Quando o jogo será lançado, estas duas expressões será substituído pela posição do rato.


5/20

15/12/2014


MouseX () e MouseY () são apenas duas das várias funções disponíveis quando uma expressão é solicitada por um parâmetro. Clique no botão ao lado de um parâmetro à espera de uma expressão para abrir o editor de Expressão que será listas de exibição com todos os disponíveis funções. Clique em Ok . A ação é adicionado ao evento. Como não há qualquer condição, a ação será repetida cada vez que a tela é atualizada (cerca de 60 vezes por segundo). A torre será assim sempre orientada para o mouse. Você pode iniciar uma pré-visualização do jogo: Basta ir de volta para o editor de cena (Clique na Cena guia ao lado da Events tab) e, em seguida, na faixa de opções, clique em Pré-visualização .

Jogo Desenvolver vai lançar o seu navegador padrão e abrir o seu jogo:

Tiro balas com a torre . O jogador deve ser capaz de atirar algumas balas sobre os inimigos Em primeiro lugar, precisamos de uma bala objeto: Na lista de objetos do lado direito, faça um clique direito sobre um objeto e escolha Adicionar um objeto . Escolha um Sprite objeto como antes e nomear o objeto da bala (clique com o botão direito sobre o objeto> Rename ).


6/20

15/12/2014


Então, faça um duplo clique sobre o objeto para editá-lo. Adicionar uma imagem para o objeto: clique com o botão direito sobre a área branca na parte inferior, escolha Adicionar uma imagem de um arquivo e escolha a imagem bala na pasta do projeto. Fechar a janela. Você vai notar que o objeto não aparece em cena como nós adicionamos-lo graças à lista. Vá para o eventos guia, e adicionar um novo evento (quando você está na guia eventos, escolha Adicionar um evento na fita) e, em seguida, uma nova ação. A primeira ação será uma Criar um novo objeto de ação, que está disponível nas Todos os objetos> Objetos categoria. O primeiro parâmetro deve ser bala , como nós queremos criar um objeto de bala. Os demais parâmetros são a posição da torre: Digite Turret.X () e Turret.Y () no segundo e terceiro parâmetros.

Clique em Ok para finalizar a ação. Em seguida, adicione uma outra ação depois desta primeira ação (Não crie um outro evento!). Desta vez, escolha a ação denominada Todos os objetos> Displacement> Adicionar uma força (Angle) . Jogo Desenvolver fornecer um sistema embutido forças permitindo mover-se facilmente os objetos. Esta acção será usado para mover a bala em direção ao rato quando acionado. Como o primeiro parâmetro, entre Bala para que jogo Desenvolver vai passar a bala acabou de criar na última ação. Introduzir então Turret.Direction () no segundo parâmetro para usar a direcção de revólver. Para o terceiro parâmetro, entre 400 , de modo que a bala vai mover-se com uma velocidade de 400 pixels por segundo. Por fim, digite 1 no último parâmetro para que a bala vai manter em movimento após o momento em que foi criado.


7/20

15/12/2014


Nossas duas ações devem ser lançados somente quando o jogador está disparando. (Ie: Pressionar o botão esquerdo do mouse) Para fazer isso, adicione uma condição para o evento (Coloque o cursor sobre a lista condição vazio dos eventos que estamos criando e escolha Adicionar uma condição ):

Escolha a condição Mouse> Um botão é pressionado . Faça Esquerda no parâmetro (ou clique no botão à direita do parâmetro para exibir um ajudante) e feche a janela clicando em Ok . A condição é agora adicionado ao evento. Se você visualizar o jogo agora, você verá que nós temos dois problemas: A bala são disparados muito rápido, e a aparecer na origem do objeto, o que não é muito realista. Para resolver o primeiro problema, vamos usar um timer: Adicionar uma condição para o último evento que criamos. Escolher a condição de Timers> valor do temporizador e entrar 0,25 no primeiro parâmetro, e "FireRate" no segundo parâmetro, que é o nome do temporizador que vamos usar ( Não se esqueça das aspas em torno do nome do temporizador!) .

Em seguida, adicione uma ação Contador> Redefinir um timer no mesmo evento, com "FireRate" como parâmetro (novamente, cuidado com as aspas!). Este par de condição e ação irá garantir que as ações utilizadas para disparar a bala são repetidos quando pelo menos 0,25 segundos é decorrido desde a última criação bala:


8/20

15/12/2014


Temos agora de assegurar que as balas são disparadas a partir do cânone da torre. Faça um duplo clique sobre o Turret objeto em listar os objetos para editar o objeto. Em seguida, na barra de ferramentas na parte superior da janela, clique na segunda ferramenta para abrir uma janela que contém a lista dos pontos disponíveis para o objeto: Por padrão, não é apenas a origem eo centro do objeto.

Adicione um ponto clicando no + na barra de ferramentas do Pontos janela. O nome do novo ponto Canon . Quando é criado e renomeado, verifique se ele está selecionado na lista (Basta fazer um clique sobre ele) e, em seguida, clique na imagem para alterar a sua posição:

Agora você pode fechar a janela. Temos agora de dizer ao jogo Desenvolver para criar as balas na posição de ponto: No editor de eventos, coloque o cursor sobre o Turret.X () parâmetro e fazer um clique: Um campo de texto será mostrado. Use-o para substituir o parâmetro por Turret.PointX (Canon) e clique em qualquer lugar para fechar o campo de texto. Modificar também o Turret.Y () parâmetro para substituí-lo por Turret.PointY (Canon) :

Agora você pode visualizar o jogo (Ir para o editor cena clicando no Cena guia, e clique em Pré-visualizar na fita).


9/20

15/12/2014


Criando inimigos atacando a torre Primeiro, temos de criar os objetos utilizados para os inimigos: Adicionar um objeto para a lista de objetos (clique com o botão direito sobre um objeto existente> Adicionar um objeto Escolha a. Sprite objeto como antes.). Nomeie-o Inimigo .

Edite o objeto (Clique duas vezes nele na lista) e adicionar-lhe duas imagens: tank2fr1.png e tank2fr2.png . Em seguida, faça um clique direito sobre Animação 0 na lista de animações na parte esquerda da janela, e alterar o tempo entre as imagens: Defina como 0,05, por exemplo. Verifique também o laço a animação para garantir que a animação é repetido:

Feche o editor quando você está feito.

Pare! Economize tempo! Antes de prosseguir, lembre-se de salvar com frequência: Na faixa de opções, clique em Arquivo e depois em Salvar :

Ok, volte para o jogo Vamos voltar para o jogo. Queremos criar inimigos indo em direção a torre: Vá para o editor de eventos e adicionar um novo evento. A criação de um inimigo deve acontecer a cada um segundo por exemplo: Adicionar uma condição Contador> Valor de um temporizador . Digite 1 no primeiro parâmetro e "EnemyCreation" para o nome do timer. Adicione em seguida, no mesmo evento uma ação de zerar o cronômetro (Ação http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2

10/20

15/12/2014


Contador> Redefinir um timer com "EnemyCreation" como parâmetro):

Podemos, então, adicionar uma outra ação para criar um inimigo objeto: Adicionar uma acção Todos os objetos> Objetos> Criar um objeto . Digite o Inimigo no primeiro parâmetro. Para o segundo parâmetro, a posição X do novo objeto a ser criado, insira aleatório (800) : Este irá retornar um número aleatório entre 0 e 800, para que o inimigo criado terá uma posição diferente quando eles são criados. Para a posição Y, insira -50 . Isto irá criar o inimigo fora da tela, para que o jogador não terá a sensação de que um tanque inimigo apenas apareceu do nada.

Por agora, os inimigos são criados, mas não estão se movendo. Adicionar outro evento sem qualquer condição. Adicione em seguida, uma ação: Queremos que o inimigo a se mover para o jogador. Escolha a ação todos os objetos> Displacement> Mover um objeto em direção a outro . Para o primeiro parâmetro, entre Inimigo , e Turret para o segundo parâmetro. Introduzir um comprimento de 150 para a força, e um amortecimento de 0, como a força irá ser aplicada continuamente.


11/20

15/12/2014


Graças ao último evento, o inimigo vai estar se movendo. Uma última coisa é ter certeza de que os inimigos são orientados para a torre: Adicionar um segundo recurso chamado Todos os objetos> Angle> Girar para a posição . Digite o Inimigo como primeiro parâmetro. Então, queremos que o inimigo a se voltar para a posição do Torreão , para definir Turret.X () e Turret.Y () , respectivamente, nos próximos dois parâmetros. Estas duas expressões retorna a posição X e Y do Torreão . Podemos melhorar esta acção, definindo Turret.X (Centro) e Turret.Y (Centro) , em vez de modo a transformar o inimigo para a posição de centro do Torreão .

Aqui está o que você deve ter:

Se você lançar um pré-visualização, você vai ver que os inimigos são criados e estão se movendo. Se isso não funcionar, verifique os seus eventos: Verifique se o nome do temporizador está correta e é o mesmo na condição e na ação. Verifique também se o último parâmetro da ação usada para mover os inimigos é 0.


12/20

15/12/2014


Adicionando explosões É hora de adicionar explosões

Vamos primeiro criar o objeto de explosão: Adicionar um novo Sprite objeto chamado Explosão :

Editá-lo e adicionar-lhe todas as imagens chamados Explosion_ algo . Quando você adicionar a imagem, basta selecioná-los todos:

Quando as imagens são adicionadas, alterar o tempo entre as imagens (clique com o botão direito em Animação 0 para exibir as opções de animação).

Defina um tempo de 0,01 para a explosão. Você pode visualizar a explosão clicando no Pré-visualização botão na barra de ferramentas na parte superior do editor. O objeto explosão já está pronta. Feche o editor e voltar para o editor de eventos. Queremos inimigos para explodir quando uma bala é a bater-lhes. Adicionar um novo evento. Adicione então uma condição: Escolha a condição Todos os objetos> Collision> Colisão . Digite Bala e Inimigo nos parâmetros.


13/20

15/12/2014


Quando a condição é feito, adicionar uma ação para criar um objeto de explosão . Para a posição, digite Enemy.X () e Enemy.Y () para criar a explosão na posição do tanque. Adicione outra ação chamada Todos os objetos> Objetos> Excluir um objeto . Como parâmetro, entre inimigo para que o tanque vai ser destruído.

Agora você pode visualizar o jogo:

Você deve ter notado que os objetos explosões não são destruídos quando a sua animação é mais! Isso pode ser um problema, pois eles ficam em cena, tornando o jogo menos eficiente. Devemos sempre limpar o nosso lixo: Adicionar um novo evento. Adicionar uma condição Sprite>> Animação é longo . Digite Explosão como parâmetro: A condição será verdadeira quando a animação de uma explosão vai ser longo. Adicione uma ação para o evento para depois destruir o Explosion objeto:

Adicionando mais explosões e um Game Over Até agora, o jogador não poderia morrer. . Queremos turret do jogador para ser destruída quando um tanque inimigo é batê-lo Primeiro, adicione um novo evento, e fazer como se fez para o evento utilizado para destruir os inimigos: Adicionar um teste de condição para uma colisão entre um tanque e a torre . Em seguida, crie uma explosão na posição da torre. Finalmente, adicione uma ação para destruir a torre:

Seria interessante para exibir um texto "Game Over", quando a torre é destruída: Adicionar um objeto para a lista de objetos. Desta vez, escolha um texto objeto. Nomeie- GameOver .


14/20

15/12/2014


Editá-lo (clique duas vezes sobre ele na lista de objetos) e modificar o texto. Também clique em Escolha o tipo de letra e selecione a fonte que estava no arquivo de recurso que você extraiu na pasta do projeto. Finalmente, você pode aumentar um pouco o tamanho do texto:

Quando estiver pronto, clique em OK para fechar o editor do objeto. Vá para o editor cena e colocar o texto em cena: basta arrastá-lo da lista de objetos para a cena (Coloque o cursor passa o objeto na lista, faça um clique esquerdo e mantenha pressionado o botão esquerdo do mouse e mova o cursor para o local e solte o botão para colocar o objeto). Por agora, o objeto é sempre exibido. Vá para o editor de eventos e adicionar um novo evento. Adicionar uma condição Scene> No início da cena e uma ação Todos os objetos> Visibilidade> ocultar um objeto , com GameOver como parâmetro. Assim, o texto será escondido quando o jogo será lançado. Para exibir o texto quando a torre é destruída, adicionar outro evento. Adicionar uma condição de todos os objetos> Objetos> Número de objetos . Digite Turret como o primeiro parâmetro, então = no segundo parâmetro e 0 para o terceiro: A condição será cumprida quando o número de torre da cena irá atingir 0, isto é, quando o jogador será destruído.


15/20

15/12/2014


Adicione então uma ação para mostrar o GameOver objeto ( Todos os objetos> Visibilidade> Mostrar um objeto ). Aqui estão todos os eventos criados até o momento:

Seria também interessante para adicionar um pequeno atraso antes de mostrar o GameOver texto: Adicione uma ação de zerar o cronômetro chamado "GameOver" . no caso em que a torre é destruída Em seguida, adicione uma condição para o último evento para comparar se o "GameOver " temporizador atingiu 0,5 segundo, por exemplo:

Finalmente, um efeito interessante é parar o jogo quando o Game Over é exibido. Adicionar mais uma ação para o último evento: Escolha os Timers e hora> Escala de tempo de ação e digite 0 como parâmetro para pausar o jogo. http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2

16/20

15/12/2014


Aqui estão todos os eventos:

Você pode visualizar o jogo e ver que o texto é apresentado eo jogo é interrompido quando a torre é destruída:


17/20

15/12/2014


Excluindo as balas que saem da tela Lembre-se que nós sempre deve destruir nosso lixo, de modo a impedir que o jogo a ser inundado com toneladas de objetos que não fazem nada, exceto a abrandar a coisa toda. É por isso que nós cuidamos de exclusão do explosões quando as animações é longo. Mas o que acontece com as balas? Quando vão para fora da tela, que ainda existe e o computador deve atualizá-los cada vez que a tela é atualizada: Isso pode se tornar um gargalo de desempenho. Poderíamos acrescentar um evento para destruir as balas quando eles estão muito longe da torre, que é bastante fácil. Mas também podemos usar um automatismo: Um automatismo é usado para adicionar um comportamento específico a um objeto. Aqui, nós estamos indo para usar um comportamento que irá destruir automaticamente o objeto quando ele vai para fora da tela. Faça um clique direito sobre o objeto na lista de objetos e escolha Outras propriedades :

Uma grade com propriedades é mostrado. Na parte inferior da grade, você pode ver os automatismos dos objetos: Não há nada por enquanto. Clique em Adicionar:

A lista dos automatismos disponíveis é exibida: Escolha o Destrua quando fora tela automatismo:

Isso é tudo: Agora você pode ver que o automatismo é adicionado ao objeto:

E quando um objeto bala estará fora da tela, ele será destruído.

Adicionando um fundo Uma última coisa a fazer o jogo de boa aparência é a de adicionar um fundo. Adicionar um Sprite objeto chamado fundo. Editá-lo e adicionar-lhe a imagem de fundo. Em seguida, arraste-o a partir da lista de objetos para a cena:


18/20

15/12/2014


O fundo é exibido acima dos outros objetos Para mudar isso, clique duas vezes sobre ele para mostrar-lhe propriedades. Você também pode fazer um clique direito sobre ela e escolha Propriedades :

Basta alterar sua ordem Z: Digite um número negativo para garantir que os outros objetos (que têm uma ordem Z positivo) será exibido após a fundo. (Objetos com uma maior ordem Z são exibidos abaixo dos outros objetos Por padrão, a ordem Z de um objeto é simplesmente 0.). Também alterar a posição do objeto para definir sua coordenadas X e Y para 0:

Agora você pode testar seu jogo com um fundo agradável:


19/20

15/12/2014


Melhorar o jogo Isso é tudo para este tutorial! Você pode baixar o jogo aqui [http://www.compilgames.net/dl/BeginnerTutorialProject.zip] , se necessário, se você quiser comparar com a sua versão ou se algo não funciona. A versão melhorada do jogo também é neste arquivo. Você pode experimentá-lo on-line: http://www.compilgames.net/games/EnhancedTutorial [http://www.compilgames.net/games/EnhancedTutorial]

Vamos descobrir jogo desenvolve por si mesmo Você pode ver alguns dos outros tutoriais ou ler a página de Introdução . Há também muitos exemplos empacotados com o Game desenvolver e modelos disponíveis quando você cria um novo jogo. Se você tiver qualquer problema, você pode enviar uma mensagem no fórum oficial [http://www.forum.compilgames.net] . Se você tem alguma observação sobre o tutorial, não hesite em enviar também uma mensagem no fórum, ou mesmo corrigir o tutorial por si mesmo: Você apenas tem que criar uma conta no wiki pt / game_develop / tutoriais / beginnertutorial2.txt · Última modificação: 2014/12/03 00:24 por lagarto-14


20/20

Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]

Recommend Documents