Crash course 2 tradu§£o

  • View
    121

  • Download
    0

Embed Size (px)

Text of Crash course 2 tradu§£o

  • 1

    Crash Course 2: Invaders - Parte 1

    Bem-vindo ao Stencyl Crash Course 2. O primeiro Crash Course o ajudou a

    aprender o bsico, e dando prosseguimento essa lio dar uma breve introduo ao

    Modo Designer do Stencyl e mostraremos como construir um jogo simples.

    O game que voc ir construir uma verso simplificada do game clssico

    Space Invaders, onde o jogador controla uma nave espacial e atira em inimigos que

    esto flutuando no topo da tela.

    Criando um novo Game.

    Passo 1: clique no retngulo pontilhado que diz Click here to create a new

    Game.

    Passo 2: Selecione a opo Blank Game da lista de kits disponveis e clique

    em Next.

    Voc vai ter uma caixa de dilogo que permite que voc nomeie o seu jogo e definir a

    Largura e Altura da tela do jogo

  • 2

    Nomeie seu game como Invaders e defina a largura com 640 pixels e a altura

    com 480 pixels.

    Em seguida iniciaremos a importao dos assets.

    Criando tipos Atores

    Agora que temos um jogo em branco, hora de criar os nossos tipos de atores.

    Vamos comear com a nossa nave espacial, que o jogador ir controlar. Clique no

    boto Actor Type no menu do painel esquerda

    Em seguida, clique na caixa grande no lado direito para criar o seu primeiro tipo

    de ator

  • 3

    Voc ver a caixa de dilogo mostrada abaixo

    Agora que ns temos um tipo de ator precisamos importar imagens para

    animao, os grficos para o nosso tipo de ator que veremos na tela. Clique no

    quadrado pontilhado grande a direita da tela.

    Se o fizer trar o editor de animao, onde voc pode importar grficos em

    uma base para animaes.

    A caixa de dilogo mostrada na figura abaixo ir aparecer. Clique em Choose

    Image e selecione a imagem para sua animao, para isso localize a pasta que

    armazenou as imagens do projeto.

  • 4

    A imagem que ser usada tem quatro quadros (frames) que quando tocadas

    em ordem vo fazer a animao de voo. Uma vez que voc tenha selecionado a

    imagem mude o valor no campo Columns para 4. Isto ir dividir a nossa imagem

    uniformemente em quatro quadros, como mostrado abaixo

    Agora que temos sua animao nica, precisamos escolher a configurao

    correta da fsica do ator nave. Clique em Physics como mostrado na figura abaixo:

    A primeira pagina que ir aparecer as configuraes gerais sobre a fsica do

    objeto

  • 5

    Em What kind of Actor Type? selecione a opo normal.

    Em Can Rotate? selecione a opo No.

    Em Affected by Gravity? selecione a opo No.

    Agora precisamos configurar o Grupo de coliso que o nosso tipo de ator

    pertence. Isto ir determinar com o que a nossa nave pode colidir e o que no pode.

    Clique no boto Properties como mostrado abaixo

    Configure o Group para Players como mostrado. Se voc precisar criar mais

    grupos, clique no boto Edit Groups a direita de Group

  • 6

    Salve seu ator nave e seu game clicando em file e depois em save game.

    ou use o atalho Ctrl+S

    Ns temos o nosso ator nave configurado agora, hora de seguir em frente

    para determinar como nossa nave e outros tipos atores que vamos criar, podem colidir

    um com os outros.

    Colises de atores

    Temos um tipo de ator at agora, mas antes de continuarmos, precisamos

    organizar nossos Tipos de Atores no que so chamados Grupos de coliso.

    O Grupo coliso que um ator pertence, determina com quais outros atores que

    podem (ou no podem) colidir. Para comear clique no boto Settings na parte

    superior da interface do Stencyl.

    A nova caixa de dilogo pop-up que mostra os grupos em seu jogo. (Note na

    imagem que j criou os inimigos(Enemies) e balas (Bullets) como grupos - vamos

    mostrar como criar um grupo nas etapas seguintes).

  • 7

    Clique no boto verde Create New na parte superior da janela Game Setting

    Quando a caixa de dialogo aparece no campo Name digite Enemies e clique no

    boto Create.

    Em seguida clique no boto verde Create New e crie outro grupo chamado

    Bullets.

    Agora precisamos definir o que pode colidir com o que. Clique o boto Enemies

    no grupo Bullets, como mostrado abaixo. Deixe todos os outros botes cinza. Isto

    significa qualquer tipo de Ator que pertencem ao Grupo Bullets s ser capaz de colidir

    com tipos de Ator no Grupo Inimigos

  • 8

    Agora que temos nossos grupos de coliso criados nossos Bullets iro colidir

    somente com algum ator que pertena ao grupo Enemies. E hora de criar dois novos

    tipos de atores: o Bullets e Enemy Ship

    Criando novos tipos de Atores e importando um Background

    Agora que temos nosso novo Grupo de Coliso, precisamos criar nosso tipo de

    ator Enemy Ship. Utilize os mesmos passos que usou para criar o ator tipo Nave para

    criar o ator tipo Enemy Ship.

    Aqui est uma breve recapitulao dos passos envolvidos:

    1. Clique na aba Dashboard

    2. Clique em Actor Types

    3. Clique no retngulo quadriculado para criar novo Tipo de Ator

    4. Em Name coloque Enemy Ship

    5. Clique no retngulo quadriculado para adicionar uma animao

    selecionando o grfico Alien Grabber.png

    6. Em Properties no campo Name coloque Normal.

  • 9

    Ns criamos nosso tipo de ator Enemy Ship e acrescentamos animao,

    precisamos configurar o item Physics

    Para isso clique no boto Physics como mostrado abaixo:

    Na opo What kind of Actor Type? selecione: Cannot be pushed (ns no

    queremos que nossa nave inimiga v para fora da tela quando colide com uma bala

    Verificar)

    Em Can Rotate? selecione: No

    J Affected by Gravity? ser desativado quando escolhemos a opo Cannot

    be pushed.

    Escolha seu Grupo Coliso clicando na guia Properties e definindo seu Grupo

    para Enemies, como mostrado abaixo.

  • 10

    Em seguida o tipo de ator Bullet seguindo os mesmo passos utilizados para

    criar o Enemy Ship. Quando importar o grfico para a animao configure o valor de

    Columns para 3 como mostrado

    Use as mesmas configurao de Physics utilizadas em Nave e Enemy Ship

    para o Bullet

    Na opo What kind of Actor Type? selecione: Cannot be pushed

    Em Can Rotate? selecione: No

    J Affected by Gravity? ser desativado quando escolhemos a opo Cannot

    be pushed.

    Com nossos tipos de atores criados, precisamos importar a imagem de

    Background que ser usada no cenrio que criaremos mais tarde. Clique na aba

    Dashboard e depois em Backgrounds

  • 11

    Clique no retngulo quadriculado no centro da Stencyl

    Na caixa de dilogo que ser mostrada no campo Name digite Stars e clique no

    boto Create.

    Clique no retngulo de linha pontilhada esquerda, ento em Choose Image

    selecione a imagem Space Background.png que esta na pasta do tutorial.

  • 12

    Importando sons

    Agora hora de importar nossas msicas e arquivos de sons. Desta vez vamos

    mostrar a voc um caminho diferente para importar assets, atravs de arrastar e soltar

    os arquivos. Primeiro clique na aba Dashboard e selecione a opo Sounds

    Com os arquivos de som em seu desktop (General Space Shooter Spacey

    Level.png and Explosion.png), selecione um dos arquivos e arraste sobre o retngulo

    pontilhado mostrado na figura abaixo:

    Note que os arquivos. Png com os nomes mencionados acima na pasta de

    assets zipada realmente contm os dados de som, e quando voc arrasta a imagem

    sobre a caixa mostrada na figura acima, acontecer o upload do som em seu game.

    Se isso no funcionar voc pode tambm baixar os sons do StencylForge. Eles tm os

    mesmos nomes na StencylForge.

  • 13

    Agora temos dois sons. Certifique-se de cada som est definido para o tipo

    correto, como mostrado (msica deve ser definida como msica, efeitos sonoros

    definidos para Sound Effect).

    Com todos os nossos assets no lugar, hora de configurar a cena que

    funcionar como nosso nvel principal.

  • 14

    Criando uma cena

    Clique na aba Dashboard e selecione a opo Scenes e clique no retngulo

    quadriculado para criar uma nova cena.

    Depois que voc pressionar o boto ser mostrado uma caixa de dilogo que

    permitira definir alguns parmetros bsicos para sua cena. Note que voc pode

    escolher o tamanho da sua cena usando pixel ou tiles (tanto na largura como na altura

    como mostra a figura abaixo). Neste caso estamos usando Tiles e vai usar os valores

    padro, como mostrado.

  • 15

    Aqui est a nossa cena.

    Para manter as coisas simples, vamos apenas adicionar a imagem de fundo

    que importamos anteriormente, em vez de adicionar qualquer Tiles. Clique na guia

    Background para escolher um.

    Agora clique no cone + a esquerda como mostrado abaixo

  • 16

    Selecione a imagem de fundo disponvel na caixa de dilogo que aparece, e

    pressione o boto OK.

  • 17

    Clique o boto Scene na barra superior do Stencyl pressione o boto mostrar

    background no canto superior direito do editor, como mostrado. Voc ver a imagem

    de fundo aparecer no editor.

    Nota: Se o background no for mostrado quando voc clicar o boto tente

    salvar o game

    Ns temos a nossa Cena, ento vamos test-lo. Pressione o boto verde

    Testar cena e voc deve ver sua cena aparecem em um navegador.

    Boto mostrar background

  • 18

    Se a cena for exibida, tudo est funcionando, e voc pode seguir em frente. Se