Escolar Documentos
Profissional Documentos
Cultura Documentos
Passo A Passo Tutorial para o Jogo Desenvolver (GDevelop Wiki) PDF
Passo A Passo Tutorial para o Jogo Desenvolver (GDevelop Wiki) PDF
Voc tambm pode ler o outro tutorial disponvel para iniciantes aqui se voc preferir criar um jogo de plataforma!
Note que voc pode ler a pgina de introduo de modo a obter uma viso geral do software: Ele explica os principais conceitos e descrever a interface do
jogo desenvolve.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 1/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Se voc quiser, voc pode ler esta pgina para ter uma viso geral da interface do jogo desenvolve.
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 tambm um diretrio 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/tutorials/beginnertutorial2 2/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Depois de ter baixado o arquivo, extrair seu contedo na pasta onde voc criou o projeto.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 3/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
A primeira coisa a fazer tambm adicionar a imagem de revlver: Faa um clique direito sobre a rea branca na parte inferior da janela, e selecione
Adicionar uma imagem de um arquivo:
Escolha a imagem de revlver na pasta do projeto, e clique em Abrir: A imagem adicionada ao objeto.
Voc pode ento fechar o editor Sprite, a fim de voltar para o editor de cena. O objeto apresentado no ponto onde voc fez o clique direito:
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 4/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Voc pode mover o objeto, mantendo o boto esquerdo do mouse pressionado sobre ele.
Por padro, um objeto chamado NewObjectpor Game Develop. Para mudar isso, selecione o objeto na lista do lado direito da janela, e pressione F2.
Digite ento Turretcom 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.
O evento criado, com uma lista vazia de condio (na parte esquerda) e uma lista vazia de aes ( direita). Coloque o cursor sobre a lista de aes e
escolha Adicionar uma aono painel contexto que apareceu:
A primeira ao vai virar o revlver em direo ao mouse: Na janela, escolha a ao Todos os objetos> Angle> Gire para a posio.
Quando selecionada, a parte direita da janela mostrar o nome da ao, bem como os parmetros. Encha o primeiro parmetro, inserindo Turret(Voc
tambm pode clicar no boto ao lado do parmetro para obter uma lista dos objetos disponveis). Para os seguintes parmetros, entrar MouseX ()e
MouseY (), de modo que o objecto se volta para a posio do rato. Quando o jogo ser lanado, estas duas expresses ser substitudo pela posio do
rato.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 5/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
MouseX ()e MouseY ()so apenas duas das vrias funes disponveis quando uma expresso solicitada por um parmetro.
Clique no boto ao lado de um parmetro espera de uma expresso para abrir o editor de Expresso que ser listas de exibio com todos os disponveis
funes.
Voc pode iniciar uma pr-visualizao do jogo: Basta ir de volta para o editor de cena (Clique na Cenaguia ao lado da Eventstab) e, em seguida, na
faixa de opes, clique em Pr-visualizao.
Jogo Desenvolver vai lanar o seu navegador padro e abrir o seu jogo:
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 6/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Ento, faa um duplo clique sobre o objeto para edit-lo. Adicionar uma imagem para o objeto: clique com o boto direito sobre a rea branca na parte
inferior, escolha Adicionar uma imagem de um arquivoe escolha a imagem bala na pasta do projeto.
Fechar a janela. Voc vai notar que o objeto no aparece em cena como ns adicionamos-lo graas lista.
V para o eventosguia, e adicionar um novo evento (quando voc est na guia eventos, escolha Adicionar um eventona fita) e, em seguida, uma
nova ao.
A primeira ao ser uma Criar um novo objeto deao, que est disponvel nas Todos os objetos> Objetoscategoria.
O primeiro parmetro deve ser bala, como ns queremos criar um objeto de bala.
Os demais parmetros so a posio da torre: Digite Turret.X ()e Turret.Y ()no segundo e terceiro parmetros.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 7/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Nossas duas aes devem ser lanados somente quando o jogador est disparando. (Ie: Pressionar o boto esquerdo do mouse)
Para fazer isso, adicione uma condio para o evento (Coloque o cursor sobre a lista condio vazio dos eventos que estamos criando e escolha Adicionar
uma condio):
Escolha a condio Mouse> Um boto pressionado. Faa Esquerdano parmetro (ou clique no boto direita do parmetro para exibir um
ajudante) e feche a janela clicando em Ok.
A condio agora adicionado ao evento.
Se voc visualizar o jogo agora, voc ver que ns temos dois problemas: A bala so disparados muito rpido, e a aparecer na origem do objeto, o que no
muito realista.
Para resolver o primeiro problema, vamos usar um timer: Adicionar uma condio para o ltimo evento que criamos. Escolher a condio de Timers>
valor do temporizadore entrar 0,25no primeiro parmetro, e "FireRate"no segundo parmetro, que o nome do temporizador que vamos
usar ( No se esquea das aspas em torno do nome do temporizador!) .
Em seguida, adicione uma ao Contador> Redefinir um timerno mesmo evento, com "FireRate"como parmetro (novamente, cuidado com
as aspas!). Este par de condio e ao ir garantir que as aes utilizadas para disparar a bala so repetidos quando pelo menos 0,25 segundos decorrido
desde a ltima criao bala:
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 8/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Temos agora de assegurar que as balas so disparadas a partir do cnone da torre. Faa um duplo clique sobre o Turretobjeto 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 contm a lista
dos pontos disponveis para o objeto: Por padro, no apenas a origem eo centro do objeto.
Adicione um ponto clicando no +na barra de ferramentas do Pontosjanela. 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 posio:
Agora voc pode fechar a janela. Temos agora de dizer ao jogo Desenvolver para criar as balas na posio de ponto:
No editor de eventos, coloque o cursor sobre o Turret.X ()parmetro e fazer um clique: Um campo de texto ser mostrado. Use-o para substituir o
parmetro por Turret.PointX (Canon)e clique em qualquer lugar para fechar o campo de texto. Modificar tambm o Turret.Y ()parmetro para
substitu-lo por Turret.PointY (Canon):
Agora voc pode visualizar o jogo (Ir para o editor cena clicando no Cenaguia, e clique em Pr-visualizarna fita).
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 9/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Edite o objeto (Clique duas vezes nele na lista) e adicionar-lhe duas imagens: tank2fr1.pnge tank2fr2.png. Em seguida, faa um clique direito
sobre Animao 0na lista de animaes na parte esquerda da janela, e alterar o tempo entre as imagens: Defina como 0,05, por exemplo. Verifique
tambm o lao a animaopara garantir que a animao repetido:
Antes de prosseguir, lembre-se de salvar com frequncia: Na faixa de opes, clique em Arquivoe depois em Salvar:
Vamos voltar para o jogo. Queremos criar inimigos indo em direo a torre: V para o editor de eventos e adicionar um novo evento.
A criao de um inimigo deve acontecer a cada um segundo por exemplo: Adicionar uma condio Contador> Valor de um temporizador. Digite
1no primeiro parmetro e "EnemyCreation"para o nome do timer. Adicione em seguida, no mesmo evento uma ao de zerar o cronmetro (Ao
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 10/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Contador> Redefinir um timercom "EnemyCreation"como parmetro):
Podemos, ento, adicionar uma outra ao para criar um inimigoobjeto: Adicionar uma aco Todos os objetos> Objetos> Criar um
objeto. Digite o Inimigono primeiro parmetro. Para o segundo parmetro, a posio X do novo objeto a ser criado, insira aleatrio (800): Este
ir retornar um nmero aleatrio entre 0 e 800, para que o inimigo criado ter uma posio diferente quando eles so criados. Para a posio Y, insira -50.
Isto ir criar o inimigo fora da tela, para que o jogador no ter a sensao de que um tanque inimigo apenas apareceu do nada.
Por agora, os inimigos so criados, mas no esto se movendo. Adicionar outro evento sem qualquer condio. Adicione em seguida, uma ao: Queremos
que o inimigo a se mover para o jogador. Escolha a ao todos os objetos> Displacement> Mover um objeto em direo a outro.
Para o primeiro parmetro, entre Inimigo, e Turretpara o segundo parmetro. Introduzir um comprimento de 150 para a fora, e um amortecimento
de 0, como a fora ir ser aplicada continuamente.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 11/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Graas ao ltimo evento, o inimigo vai estar se movendo. Uma ltima coisa ter certeza de que os inimigos so orientados para a torre: Adicionar um
segundo recurso chamado Todos os objetos> Angle> Girar para a posio. Digite o Inimigocomo primeiro parmetro. Ento, queremos
que o inimigoa se voltar para a posio do Torreo, para definir Turret.X ()e Turret.Y (), respectivamente, nos prximos dois parmetros.
Estas duas expresses retorna a posio X e Y do Torreo. Podemos melhorar esta aco, definindo Turret.X (Centro)e Turret.Y (Centro),
em vez de modo a transformar o inimigopara a posio de centro do Torreo.
Se voc lanar um pr-visualizao, voc vai ver que os inimigos so criados e esto se movendo. Se isso no funcionar, verifique os seus eventos: Verifique
se o nome do temporizador est correta e o mesmo na condio e na ao. Verifique tambm se o ltimo parmetro da ao usada para mover os
inimigos 0.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 12/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Adicionando exploses
hora de adicionar exploses Vamos primeiro criar o objeto de exploso: Adicionar um novo Spriteobjeto chamado Exploso:
Edit-lo e adicionar-lhe todas as imagens chamados Explosion_ algo . Quando voc adicionar a imagem, basta selecion-los todos:
Quando as imagens so adicionadas, alterar o tempo entre as imagens (clique com o boto direito em Animao 0para exibir as opes de animao).
Defina um tempo de 0,01 para a exploso. Voc pode visualizar a exploso clicando no Pr-visualizaoboto na barra de ferramentas na parte
superior do editor.
O objeto exploso 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 ento uma condio: Escolha a condio Todos os objetos> Collision> Coliso. Digite Balae Inimigonos parmetros.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 13/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Quando a condio feito, adicionar uma ao para criar um objeto de exploso. Para a posio, digite Enemy.X ()e Enemy.Y ()para criar a
exploso na posio do tanque.
Adicione outra ao chamada Todos os objetos> Objetos> Excluir um objeto. Como parmetro, entre inimigopara que o tanque vai ser
destrudo.
Voc deve ter notado que os objetos exploses no so destrudos quando a sua animao 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 condio Sprite>> Animao
longo. Digite Explosocomo parmetro: A condio ser verdadeira quando a animao de uma exploso vai ser longo. Adicione uma ao para o
evento para depois destruir o Explosionobjeto:
Seria interessante para exibir um texto "Game Over", quando a torre destruda: Adicionar um objeto para a lista de objetos. Desta vez, escolha um texto
objeto. Nomeie- GameOver.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 14/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Edit-lo (clique duas vezes sobre ele na lista de objetos) e modificar o texto. Tambm clique em Escolha o tipo de letrae 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, faa um clique esquerdo e mantenha pressionado o boto esquerdo do mouse e mova o cursor para o
local e solte o boto para colocar o objeto).
Por agora, o objeto sempre exibido. V para o editor de eventos e adicionar um novo evento. Adicionar uma condio Scene> No incio da cenae
uma ao Todos os objetos> Visibilidade> ocultar um objeto, com GameOvercomo parmetro. Assim, o texto ser escondido quando o
jogo ser lanado.
Para exibir o texto quando a torre destruda, adicionar outro evento. Adicionar uma condio de todos os objetos> Objetos> Nmero de
objetos. Digite Turretcomo o primeiro parmetro, ento =no segundo parmetro e 0para o terceiro: A condio ser cumprida quando o nmero de
torre da cena ir atingir 0, isto , quando o jogador ser destrudo.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 15/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Adicione ento uma ao para mostrar o GameOverobjeto ( Todos os objetos> Visibilidade> Mostrar um objeto).
Aqui esto todos os eventos criados at o momento:
Seria tambm interessante para adicionar um pequeno atraso antes de mostrar o GameOvertexto: Adicione uma ao de zerar o cronmetro chamado
"GameOver". no caso em que a torre destruda
Em seguida, adicione uma condio 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 ao para o ltimo evento: Escolha os Timers e
hora> Escala de tempode ao e digite 0 como parmetro para pausar o jogo.
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 16/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Voc pode visualizar o jogo e ver que o texto apresentado eo jogo interrompido quando a torre destruda:
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 17/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Poderamos acrescentar um evento para destruir as balas quando eles esto muito longe da torre, que bastante fcil. Mas tambm podemos usar um
automatismo: Um automatismo usado para adicionar um comportamento especfico a um objeto. Aqui, ns estamos indo para usar um comportamento
que ir destruir automaticamente o objeto quando ele vai para fora da tela.
Faa 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: No h nada por enquanto. Clique em
Adicionar:
A lista dos automatismos disponveis exibida: Escolha o Destrua quando fora telaautomatismo:
Isso tudo: Agora voc pode ver que o automatismo adicionado ao objeto:
Adicionando um fundo
Uma ltima coisa a fazer o jogo de boa aparncia a de adicionar um fundo.
Adicionar um Spriteobjeto chamado fundo. Edit-lo e adicionar-lhe a imagem de fundo. Em seguida, arraste-o a partir da lista de objetos para a cena:
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 18/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
O fundo exibido acima dos outros objetos Para mudar isso, clique duas vezes sobre ele para mostrar-lhe propriedades. Voc tambm pode fazer um
clique direito sobre ela e escolha Propriedades:
Basta alterar sua ordem Z: Digite um nmero negativo para garantir que os outros objetos (que tm uma ordem Z positivo) ser exibido aps a fundo.
(Objetos com uma maior ordem Z so exibidos abaixo dos outros objetos Por padro, a ordem Z de um objeto simplesmente 0.).
Tambm alterar a posio do objeto para definir sua coordenadas X e Y para 0:
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 19/20
15/12/2014 Passo a passo tutorial para o jogo Desenvolver [GDevelop Wiki]
Melhorar o jogo
Isso tudo para este tutorial! Voc pode baixar o jogo aqui [http://www.compilgames.net/dl/BeginnerTutorialProject.zip] , se necessrio, se voc quiser comparar
com a sua verso ou se algo no funciona.
A verso melhorada do jogo tambm neste arquivo. Voc pode experiment-lo on-line: http://www.compilgames.net/games/EnhancedTutorial
[http://www.compilgames.net/games/EnhancedTutorial]
Se voc tiver qualquer problema, voc pode enviar uma mensagem no frum oficial [http://www.forum.compilgames.net] .
Se voc tem alguma observao sobre o tutorial, no hesite em enviar tambm uma mensagem no frum, ou mesmo corrigir o tutorial por si mesmo: Voc
apenas tem que criar uma conta no wiki
pt / game_develop / tutoriais / beginnertutorial2.txt ltima modificao: 2014/12/03 00:24 por lagarto-14
http://wiki.compilgames.net/doku.php/en/game_develop/tutorials/beginnertutorial2 20/20