CubaGames » FlyGuy

Parabéns (totalmente atrasado)!

Romulo De Lazzari — Tue, 20 Nov 2007 14:36:48 +0000

O Guilherme está desenvolvendo a série FlyGuy faz um bom tempo e ela está tendo uma boa repercussão entre os leitores da CubaGames. O formato escolhido para os últimos posts feitos nesta série, vídeo-tutoriais, se encaixou perfeitamente para a finalidade real do post, ensinar noções de actionscript.

Eu gostaria de parabenizar o Ney Estrabelli pelo excelente trabalho feito na versão do FlyGuy para PSP, ficou muito legal! Assim como eu disse nos comentários do Flausino: “é muito gratificante saber que a CubaGames está se tornando uma referência legal na área de desenvolvimento de jogos no Brasil”.

O vídeo abaixo mostra o FlyGuy rodando no PSP. Parabéns Ney!

FlyGuy Parte 6 – Vôo

Guilherme Moschen — Fri, 26 Oct 2007 21:25:03 +0000

Dando continuidade a série FlyGuy, eu apresento agora a sexta parte série, o vôo.

Mantendo o formato do tutorial das duas últimas partes, eu apresento um vídeo tutorial desse módulo.
Eu acredito que essa versão da minha explicação não ficou como esperado, mas acredito que já seja o suficiente pra dar início ao entendimento dessa parte.

Qualquer dúvida, ou sugestão, é só berrar.

Para efetuar o download dos fontes do projeto clique aqui e para visualizar a nova versão do FlyGuy clique aqui.

Aquele abraço.

FlyGuy Parte 5 – Som

Guilherme Moschen — Wed, 03 Oct 2007 16:25:30 +0000

Como prometido, agora eu abordarei a parte de som do FlyGuy. Novamente, eu fiz um vídeo tutorial para explicar e exemplificar a questão.

Vídeo FlyGuy Parte 5 – Som

Para acessar o exemplo do FlyGuy clique aqui, para fazer download dos fontes clique aqui.

Aquele abraço.

FlyGuy Parte 4 – Scroll

Guilherme Moschen — Thu, 06 Sep 2007 04:40:56 +0000

Dando continuidade a série FlyGuy, eu fiz um vídeo tutorial demonstrando a funcionalidade scroll dos objetos da tela.

Esse foi o meu primeiro vídeo tutorial, eu sofri um pouco pra fazer. Sabe como que é, a falta de experiência é uma coisa terrível. Tanto é que quando eu digo 180, referente ao limite horizontal, entende-se 80.
Infelizmente desta vez não será possível ver pelo site da CubaGames o vídeo. Prometo que da próxima vez será possível.

Vídeo FlyGuy Parte 4 – Scroll

Para acessar o exemplo do FlyGuy clique aqui, para fazer download dos fontes clique aqui.

Críticas ou sugestões, os comentários estão aí pra isso mesmo.

Aquele abraço.

FlyGuy o Retorno – Parte 3

Guilherme Moschen — Thu, 30 Aug 2007 03:48:43 +0000

Como prometido e relembrado pela Fabiane, a série FlyGuy voltou.
Lembrando, agora ele será desenvolvido em AS3.

Primeiramente vamos relembrar aonde eu parei. No último post, eu mostrei como é simples o gerenciamento da animação de movimento do personagem principal. Afinal basta verificar quando os direcionais estão pressionados e dar play na animação e quando for o direcional esquerda, tem que inverter o MovieClip e dar o mesmo play. Isso para que o FlyGuy não imite o nosso querido Michael Jackson e ande de costas.
Vamos ao código AS3:

PLAIN TEXT

Actionscript:

package {
import flash.display.Sprite;
import flash.events.Event;
import flash.ui.Keyboard;
import com.cubagames.flyguy.FlyGuy;
import com.cubagames.util.Key;
public class Main extends Sprite{
public static var POSICAO_PARA_ANDAR:Number = 190;
public static var LARGURA = 500;
public static var ALTURA = 300;
private var flyGuy:FlyGuy;
private var rua:Rua;
public function Main():void {
// Cria e configura o FlyGuy
this.flyGuy = new FlyGuy();
this.flyGuy.x = 100;
this.flyGuy.y = 190;
// Cria e configura a Rua
this.rua = new Rua();
this.rua.x = -1021;
this.rua.y = 151;
// Adiciona os MovieClips no contexto principal
this.addChild(rua);
this.addChild(flyGuy);
// Configura o Classe Key com o stage, que seria o container todo o swf. O nosso antigo _root
Key.initialize(stage);
// Adiciona o evento
stage.addEventListener( Event.ENTER_FRAME, this.enterFrame );
}
private function enterFrame( event:Event ) {
if ( Key.isDown(Keyboard.LEFT) ) {
this.flyGuy.scaleX = -Math.abs(this.flyGuy.scaleX);
this.flyGuy.play();
if ( this.flyGuy.x>= 80 )
this.flyGuy.x -= FlyGuy.VELOCIDADE_X;
}
else if ( Key.isDown(Keyboard.RIGHT) ) {
this.flyGuy.scaleX = Math.abs(this.flyGuy.scaleX);
this.flyGuy.play();
if ( this.flyGuy.x <= (Main.LARGURA - 80) )
this.flyGuy.x += FlyGuy.VELOCIDADE_X;
}
else {
this.flyGuy.gotoAndStop(1);
}
}
}
}

Agora tudo é classe e tudo é orientado a objeto. Então temos a classe da nossa Sprite principal, o Main, temos a classe FlyGuy e temos a classe Key. O exemplo é bem simples como o post passado, porém agora o FlyGuy anda realmente. O scroll do cenário será implementado no próximo post.

Um ponto importante a ser notado é a classe Key. Eu tive que utilizá-la porque o Framework 3.0 do Flash não dá suporte ao método estático necessário. Ou seja, não existe alguém que possa te responder se uma tecla está sendo pressionada. A plataforma apenas avisa quando uma tecla é pressionada. O gerenciamento tem que ser feito na mão. Eu achei uma classe num blog gringo, fiz algumas alterações necessárias e coloquei alguns comentários. E agora ela pertence ao Framework Flash da CubaGames.

O exemplo pode ser visto aqui e baixado aqui. Na próxima semana tem mais.

OBS: Utilizei o FlashDevelop pra desenvolver, por enquanto estou gostando dele.

Aquele abraço!

Fly Guy – Parte 2 – Primeiros Passos

Guilherme Moschen — Wed, 14 Feb 2007 01:59:48 +0000

Antes que vocês perguntem, eu respondo. Não, não estou fazendo o Fly Guy do zero.
Primeiramente eu sou um mero programador, não farei as animações e as imagens. Pegarei pronto.
Como?

Existem softwares, como SWF Decompiler, que permitem a abertura de um arquivo SWF. Nesta abertura é possível pegar imagens, sprites, sons e até códigos.
Até os códigos? Então assim até eu consigo fazer o Fly Guy!
Muito bem campeão, mas as coisas não são tão simples assim.
Ele até consegue recuperar uns ifs e whiles, não o faz fielmente. Quando você tenta fazer engenharia reversa de algum arquivo compilado, nunca fica como o original. Tente usar um java decompiler e veja o resultado, ou até mesmo um C/C++ decompiler. Sempre fica uma caca.
E com toda essa bagunça, com o meu jeitão pró ativo e o meu orgulho chingado pelos meus sócios, acabo sempre fazendo as coisas. Ainda mais que o intuito dessa série de posts é passar de uma forma didática o Fly Guy a vocês.

Vamos lá!

Fiz um pequeno exemplinho pra mostrar o Fly Guy andando.
Claro, está sem classe alguma, sem modelagem nenhuma, é apenas uma demonstração separada do Fly Guy.
Eu a coloquei aqui pra mostrar a simplicidade do código.

PLAIN TEXT

Actionscript:

flyGuy.onEnterFrame = function() {
if ( Key.isDown(Key.LEFT) ) {
flyGuy._xscale = -100;
flyGuy.play();
}
else if ( Key.isDown(Key.RIGHT) ) {
flyGuy._xscale = 100;
flyGuy.play();
}
else {
flyGuy.stop();
}
}
flyGuy.stop();

O algoritmo é bem simples, como podem ver. O único mini segredo é o _xscale. Esse cara serve pra inverter horizontalmente um MovieClip. Eu fiz dessa maneira pra não ter que fazer uma animação invertida no MovieClip Fly Guy.

Para fazer download do fla, clique aqui.

Eu fiz uma versão com classes e tudo mais, mas prefiro aprimorá-la um pouco mais pra começar a falar sobre ela. Falarei no próximo post.

Aquele abraço.

Fly Guy – Parte 1 – Introdução

Guilherme Moschen — Tue, 06 Feb 2007 00:28:54 +0000

Começarei a postar uma vez por semana sobre o desenvolvimento do Fly Guy.
Muito bem, chega papo, vamos pra prática. Espera!
Antes de sair desenvolvendo feito um louco, precisamos entender o Fly Guy e saber como ele funciona.

Ao analisarmos, vemos um jogo em terceira pessoa, o qual o personagem principal se movimento de duas formas no cenário: andando e voando. O cenário é relativamente grande, tendo algumas divisões, tais como: chão, céu, espaço e fundo do mar. Existem vários personagens que podem, ou não, estarem se movimentando e podem, ou não, interagir, com o protagonista da do jogo. Alguns personagens depois de interagir com o Fly Guy mudam o seu estado, veja a mulher.

Quando o Fly Guy se movimenta horizontalmente pelo cenário temos a sensação do infinito, pois não há um fim e sim uma repetição do cenário, isso ocorre com os personagens também.
Percebemos que o Fly Guy ao chegar perto de determinado personagem que emitem som e o volume aumenta, ou diminui, dependendo da distância que o Fly Guy está do personagem. Para que o protagonista possa interagir com os coadjuvantes, ele precisa estar em pontos específicos do cenário para disparar a interação, animação.

Esse controle de cenário infinito é bem interessante, pois os personagens secundários também passeiam infinitamente pelo cenário e isso é esboçado de forma transparente ao usuário.
Terei um grande trabalho pela frente, não pra fazer, mas sim para conseguir explicar tudo de uma forma sucinta a todos.

Aquele abraço.