mini curso stencyl

Upload: gustavo-frota

Post on 01-Jun-2018

236 views

Category:

Documents


1 download

TRANSCRIPT

  • 8/9/2019 Mini Curso Stencyl

    1/70

    Criando jogos com

    StencylProf. Gustavo Linhares Llis Frota

    IFNMG Camus !anu"ria

  • 8/9/2019 Mini Curso Stencyl

    2/70

    Crie jogos incr#veis sem c$digo

    Stencyl a maneira mais r"ida emais f"cil de fa%er um jogo.

    Podemos desenvolver jogos araiPhone& iPad& 'ndroid& Flash&(indo)s& Linu* e Mac.

  • 8/9/2019 Mini Curso Stencyl

    3/70

    Sem necessidade de codi+ca,-

    ' L$gica de constru,-o do jogo literalmente feito em umolhos

  • 8/9/2019 Mini Curso Stencyl

    4/70

    Sem necessidade de codi+ca,-

    Stencyl usa a linguagem /a*e& uma linguagem 0ue musemelhante ao 'ctionScrit 1.

  • 8/9/2019 Mini Curso Stencyl

    5/70

    Melhor interface 2rag 3 2ro

    designer do gamelay drag4and4dro uma homenagemMI5 Scratch project.

    Interface de encai*e simles

    Cria,-o de 6loco de c$digo do %ero

    Contm centenas de 6locos rontos ara uso

    7oc8 tam6m ode escrever seu r$rio c$digo

  • 8/9/2019 Mini Curso Stencyl

    6/70

    Melhor interface 2rag 3 2ro

    9su"rios avan,ados odem criar e comartilhar seus r$estender o motor or meio de c$digo& 6i6liotecas de imorescrever suas r$rias classes ersonali%adas 0ue interageerfeitamente com comortamentos 6aseados em 6locos.

  • 8/9/2019 Mini Curso Stencyl

    7/70

    Construindo mundos

  • 8/9/2019 Mini Curso Stencyl

    8/70

    Construir atores

  • 8/9/2019 Mini Curso Stencyl

    9/70

    :i6lioteca com muitos recursos

  • 8/9/2019 Mini Curso Stencyl

    10/70

    7enda Seu !ogo

    7endendo seu jogo na App Store& Google Play ou lojas auma maneira con+"vel de ganhar dinheiro e atingir milh;eotenciais jogadores.

    !ogos Stencyl colocaram no to < na ' Store.

  • 8/9/2019 Mini Curso Stencyl

    11/70

    Criando um novo jogo 4 Crash C

    Parte =>

  • 8/9/2019 Mini Curso Stencyl

    12/70

  • 8/9/2019 Mini Curso Stencyl

    13/70

    Criando um novo jogo 4 Crash C

    uando voc8 carregar Stencyl& voc8 ver" uma tela arecid

    ' artir da0ui& voc8 ode criar um novo jogo& a6rir um jogoou rocurar os jogos 0ue outras essoas criaram.

  • 8/9/2019 Mini Curso Stencyl

    14/70

    Criando um novo jogo

    >E Cli0ue no 0uadrado ontilhado rotulado Cli0ue a0ui aranovo jogo .

  • 8/9/2019 Mini Curso Stencyl

    15/70

  • 8/9/2019 Mini Curso Stencyl

    16/70

  • 8/9/2019 Mini Curso Stencyl

    17/70

    Criando um novo jogo

  • 8/9/2019 Mini Curso Stencyl

    18/70

    Criando um novo jogo

  • 8/9/2019 Mini Curso Stencyl

    19/70

    Criando ator4 Crash Course

    Parte =B

  • 8/9/2019 Mini Curso Stencyl

    20/70

    Criando um 'tor

    Ator

    7amos come,ar ela locali%a,-o do 'tor & 0ue servir" comersonagem jog"vel.

    Defnio:

    Jm Stencyl& 0ual0uer coisa 0ue ode se mover ou interagi

    considerado um ator . Isto inclui ersonagens jog"veis& inimelementos da interface de usu"rio& etc. 9m tio de ator uara atores& en0uanto 'tor normalmente signi+ca uma insarticular.

  • 8/9/2019 Mini Curso Stencyl

    21/70

    Criando um 'tor

    >E Jm rimeiro lugar& cli0ue so6re a 5ios 'tor entrada na es0uerda do 2ash6oard.

  • 8/9/2019 Mini Curso Stencyl

    22/70

    Criando um 'tor

    Nota: 7oc8 ver" um e0ueno nmero B ao lado do 6onmero indica o nmero total de atores em seu jogo. 2a mos nmeros r$*imos aos outros recursos indicam o nmertios de recursos 0ue temos.

  • 8/9/2019 Mini Curso Stencyl

    23/70

    Criando um 'torBE 'gora& os 5ios de 'tores aarecer" na lista. Como eserado& voc8 vdois tios 'tor a0ui& um chamado Mam6o& outro chamado Pronger. Mam

    vai ser 'tor do nosso jogador.

  • 8/9/2019 Mini Curso Stencyl

    24/70

    Criando um 'tor 1E Se voc8 clicar duas ve%es no #cone do Mam6o & Stencyl ir" a6ri4l

    dentro do Jditor de 'tor .

  • 8/9/2019 Mini Curso Stencyl

    25/70

    segundo ator

    >E 7olte ara o ainel clicando em sua guia.

  • 8/9/2019 Mini Curso Stencyl

    26/70

    segundo ator

    BE 'gora a6ra4se Pronger& o ator usaremos como nosso inimigo.

  • 8/9/2019 Mini Curso Stencyl

    27/70

    5ilesets

    'gora vamos olhar ara o nosso 5ileset.

    >E Cli0ue em voltar ara a guia 2ash6oard e& em seguida& cli0ue

    no ilesetscategoria.

  • 8/9/2019 Mini Curso Stencyl

    28/70

    5ilesets

    BE '6ra o Grass Land 5ileset

  • 8/9/2019 Mini Curso Stencyl

    29/70

    5ilesets

    1E Como seria de eserar& um editor aarece em uma nova a6a. 2eve%& o editor 5ileset .

  • 8/9/2019 Mini Curso Stencyl

    30/70

    Sons

    7amos olhar ara os nossos Sounds seguinte. Cli0ue no 6ot-o Sounno 2ash6oard. 7oc8 ver" dois sons j" est-o l"& Stom e !um.

  • 8/9/2019 Mini Curso Stencyl

    31/70

  • 8/9/2019 Mini Curso Stencyl

    32/70

    Comortamentos

    Por ltimo& mas n-o menos imortante& vamos olhar ara os nossoscomortamentos . '6ai*o s-o os comortamentos 0ue estar" usan

    Curso :ater.

  • 8/9/2019 Mini Curso Stencyl

    33/70

    Comortamentos

    Nota @ Comortamentos de controlar toda a l$gica do jogo e intera,do jogador eles s-o o 0ue fa%em todos os jogos Hfuncionar.

  • 8/9/2019 Mini Curso Stencyl

    34/70

    Comortamentos

    7amos aenas dar uma esiada dentro de um desses comortamenCli0ue duas ve%es em Caminhando ara a6ri4lo dentro do Jditor de

    Comortamento .

  • 8/9/2019 Mini Curso Stencyl

    35/70

    Salvar o jogo

    uando voc8 est" tra6alhando em seu jogo& uma 6oa idia ara scom fre08ncia. :asta clicar no 6ot-o Save Game na 6arra de

    ferramentas rincial ara o fa%er& ou digite Ctrl4S.

  • 8/9/2019 Mini Curso Stencyl

    36/70

    Personali%a,-o de 'tores 4 CrasCourse

    Parte =1

  • 8/9/2019 Mini Curso Stencyl

    37/70

    Personali%a,-o de 'tores

    Se voc8 ainda n-o fechou o ator Mam6o ainda& cli0ue na guia arselecion"4lo. Caso contr"rio& v" at o Painel e cli0ue duas ve%es no

    Mam6o da arte 5ios 'tor da :i6lioteca.

  • 8/9/2019 Mini Curso Stencyl

    38/70

    Personali%a,-o de 'tores

    >Ea "gina do Jditor 'tor aarece. Ir ara a guia de Proriedadesclicando no 6ot-o a%ul corresondente na arte suerior do editor.

  • 8/9/2019 Mini Curso Stencyl

    39/70

    Personali%a,-o de 'tores

    BE 7eri+0ue se o Mam6o um mem6ro do gruo de jogadores. Issogarantir 0ue Stencyl vai lidar com colis;es como retendemos.

    Defnio : s gruos ermitem categori%ar atores ara contar Ste0ue tios de atores deve colidir com outro. s gruos tam6m odedei*"4lo tratar diferentes classes de atores de forma diferente. N$stemos um artigo inteiro dedicado a gruos e como eles afetam ascolis;es .

  • 8/9/2019 Mini Curso Stencyl

    40/70

    Personali%a,-o de 'tores

    OE N$s vamos assar ara a guia de comortamentos& onde averdadeira ersonali%a,-o come,a. Comece clicando no 6ot-oComortamentos mesmo ao lado do 6ot-o de aresenta,-oE. 'seguinte tela ser" e*i6ida@

  • 8/9/2019 Mini Curso Stencyl

    41/70

    Personali%a,-o de 'tores

  • 8/9/2019 Mini Curso Stencyl

    42/70

    Personali%a,-o de 'tores

    QE Jstamos levado de volta ara o Jditor 'tor. 6serve a adi,-o doComortamento (al?ing na lista R es0uerda& assim como todos os atri6utos na janela rincial.

  • 8/9/2019 Mini Curso Stencyl

    43/70

    Personali%a,-o de 'tores

    E 7amos come,ar a ersonali%a,-o destes atri6utos . 'lguns dosatri6utos t8m valores adr-o 0ue odemos usar& como velocidade en0uanto outros teremos 0ue nos rousemos.

    Jm rimeiro lugar& a mudan,a Mover 5ecla direita e mover da es0uara a direita e es0uerda controles & resectivamente.

  • 8/9/2019 Mini Curso Stencyl

    44/70

    Personali%a,-o de 'tores

    TE Jm seguida& escolha as anima,;es desejados clicando no Jscouma anima,-o 6ot-o e selecionar as se08ncias de anima,-o 0uedeseja.

  • 8/9/2019 Mini Curso Stencyl

    45/70

    Personali%a,-o de 'tores

    Para adicionar mais :ehaviors& cli0ue no 6ot-o 'dicionarcomortamento no canto inferior es0uerdo do editor.

    !u"ping: Fa,a as seguintes modi+ca,;es ara os valores aSelecione a chave do salto ara saltar& e escolher !um UE e !umara o salto direita e ule anima,;es es0uerda& resectivamenteltimo& acrescente o Salto de som& ent-o Stencyl vai jogar um sonoro 0uando Mam6o saltos.

  • 8/9/2019 Mini Curso Stencyl

    46/70

    li - d

  • 8/9/2019 Mini Curso Stencyl

    47/70

    Personali%a,-o de 'tores

    Stom em Jnemies @ 2e+nir o gruo stoma6le aos inimigos ea chado salto ara saltar.

  • 8/9/2019 Mini Curso Stencyl

    48/70

    P li - d 't

  • 8/9/2019 Mini Curso Stencyl

    49/70

    Personali%a,-o de 'tores

    >E Cli0ue no Proriedades 6ot-o como +%emos com Mam6o& e encoo Gruo susensa.

    BE 7" em frente e mudar o gruo de Pronger aos inimigos.

    P li - d 't

  • 8/9/2019 Mini Curso Stencyl

    50/70

    Personali%a,-o de 'tores

    1E 5udo o 0ue resta a fa%er com Pronger adicionar um nicocomortamento. Cli0ue no 6ot-o Comortamentos e adicione oStoma6le Comortamento locali%ado so6 a categoria Colis;esE.

    Personali%e os dois atri6utos seguintes e dei*ar os outros como ele

    C i - d C C h C

  • 8/9/2019 Mini Curso Stencyl

    51/70

    Cria,-o de uma Cena4 Crash C

    Parte =O

    C i - d C

  • 8/9/2019 Mini Curso Stencyl

    52/70

    Cria,-o de uma Cena

    >E ' artir do Painel& cli0ue no Cenas categoria& seguido elo grandretKngulo tracejado.

    BE ' cai*a de di"logo Criar nova cena ir" aarecer. 2igite um nomesua escolha.

    Cria,-o de uma Cena

  • 8/9/2019 Mini Curso Stencyl

    53/70

    Cria,-o de uma Cena

    7amos ter Stencyl gerar um fundo de cu muito ara n$s.

    Cria,-o de uma Cena

  • 8/9/2019 Mini Curso Stencyl

    54/70

    Cria,-o de uma Cena

    OE uando estiver tudo terminado& o di"logo deve ser algo como aimagem a6ai*o. #lique e" #riar0uando voc8 est" aca6ado.

    Cria,-o de uma Cena

  • 8/9/2019 Mini Curso Stencyl

    55/70

    Cria,-o de uma Cena

  • 8/9/2019 Mini Curso Stencyl

    56/70

    Colocar 5iles

    >E Jm rimeiro lugar& certi+0ue4se de 0ue a ferramenta L"is selecionado a artir da 6arra de ferramentas no lado es0uerdo do e

    Colocar 5iles

  • 8/9/2019 Mini Curso Stencyl

    57/70

    Colocar 5iles

    BE Cli0ue na telha suerior es0uerdo na se,-o 5iles da Palette no ladireito da telaE.

    Colocar 5iles

  • 8/9/2019 Mini Curso Stencyl

    58/70

    Colocar 5iles

    1E Colo0ue 4o no canto inferior es0uerdo da cena or um cli0ue es0

    Colocar 5iles

  • 8/9/2019 Mini Curso Stencyl

    59/70

    Colocar 5iles

    OE Jm seguida& selecionar a telha meio na linha suerior da aleta.

  • 8/9/2019 Mini Curso Stencyl

    60/70

    Colocar 5iles

  • 8/9/2019 Mini Curso Stencyl

    61/70

    Colocar 5iles

    QE 'gora& selecione o mais R direita a%ulejo na mesma linha da Pale

    Colocar 5iles

  • 8/9/2019 Mini Curso Stencyl

    62/70

    Colocar 5iles

    E Colo0ue 4o no local va%io restante da linha de fundo da cena.

  • 8/9/2019 Mini Curso Stencyl

    63/70

    Colocar 'tores

  • 8/9/2019 Mini Curso Stencyl

    64/70

    Colocar 'tores

    Se voc8 mover o mouse so6re a cena& voc8 vai erce6er 0ue Mam6segue o cursor. #lique o $oto esquer%o perto %o choara colo na cena.

    Dica: Se voc8 segurar o 6ot-o Shift& voc8 ode tirar o ator ara umgrade.

    Colocar 'tores

  • 8/9/2019 Mini Curso Stencyl

    65/70

    Colocar 'tores

    BE 'gora& selecione Pronger e colo0ue um ouco dele na cena tam6Sua cena +nal oderia ser algo como isto@

    'dicionando Gravidade

  • 8/9/2019 Mini Curso Stencyl

    66/70

    'dicionando Gravidade

    Pressione o 6ot-o de F#sica entre os eventos e os 6ot;es de fundo& arte suerior da tela& e na gravidade 7ertical se,-o& digite T

  • 8/9/2019 Mini Curso Stencyl

    67/70

    es a do seu jogo C as Cou

    Parte =