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

8/10/2019 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]

http://slidepdf.com/reader/full/passo-a-passo-tutorial-para-o-jogo-desenvolver-gdevelop-wiki 1/20


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

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 a interface do jogo desenvolve.

Download Game Desenvolver

Se você não tem jogo 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/howtomakeeaplatformergame

http://wiki.compilgames.net/doku.php/en/game_develop/documentation/manual/edit_getstart

http://compilgames.net/





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, cliqueno 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:

http://wiki.compilgames.net/doku.php/en/game_develop/documentation/manual/edit_overview





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 deescolher o tipo de objeto para criar:

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

http://www.compilgames.net/dl/BeginnerTutorial2Images.zip





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 selecioneAdicionar 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:





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 eescolha 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 () eMouseY () , 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 dorato.





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íveisfunçõ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 sempreorientada 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, nafaixa 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 inimigosEm 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 umobjeto . Escolha um Sprite objeto como antes e nomear o objeto da bala (clique com o botão direito sobre o objeto> Rename ).





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 parteinferior, 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, umanova 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 osobjetos> 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 aorato quando acionado. Como o primeiro parâmetro, entre Bala para que jogo Desenvolver vai passar a bala acabou de criar na última ação. Introduzirentã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 momentoem que foi criado.





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 Adicionaruma 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 umajudante) 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 vamosusar ( 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 comas 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 é decorridodesde a última criação bala:





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 paraeditar 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 listados 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 oparâmetro por Turret.PointX (Canon) e clique em qualquer lugar para fechar o campo de texto. Modificar também o Turret.Y () parâmetro parasubstituí-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).





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 objetoexistente> 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 direitosobre 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. Verifiquetambé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 . Digite1 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





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 umobjeto . 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: Queremosque 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.





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 umsegundo recurso chamado Todos os objetos> Angle> Girar para a posição . Digite o Inimigo como primeiro parâmetro. Então, queremosque 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: Verifiquese 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 osinimigos é 0.





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 partesuperior 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.







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 queestava 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 objetospara 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 olocal 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 euma 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 deobjetos . 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 detorre da cena irá atingir 0, isto é, quando o jogador será destruído.





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ídaEm 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 ehora> Escala de tempo de ação e digite 0 como parâmetro para pausar o jogo.





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:





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 aabrandar 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ãopara 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 umautomatismo: Um automatismo é usado para adicionar um comportamento específico a um objeto. Aqui, nós estamos indo para usar um comportamentoque 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 emAdicionar:

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:





O fundo é exibido acima dos outros objetos Para mudar isso, clique duas vezes sobre ele para mostrar-lhe propriedades. Você também pode fazer umclique 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:




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

http://www.forum.compilgames.net/

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

http://www.compilgames.net/games/EnhancedTutorial

http://wiki.compilgames.net/doku.php/en/game_develop/documentation/manual/edit_getstart

http://www.compilgames.net/dl/BeginnerTutorialProject.zip

Documents

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