Maximus Arcade e Action Script

 

Um guia simples de como integrar as famosas Actions do Flash (Adobe e Macromedia) no Frontend Maximus Arcade!

Maximus Arcade

O Maximus Arcade é um software que organiza e concentra seus emuladores, aplicativos, jogos e roms num só lugar, tudo de uma maneira muito simples e intuitiva para o usuário.

Theme Editor 

O editor de temas do Maximus Arcade é bastante simples e oferece uma gama de opções interessantes para a criação de skins (temas) para as interfaces disponíveis no frontend Maximus Arcade.

Preferences

Aqui é onde iremos setar nossas definições de pastas, jogos, skins e emuladores bem como editar comandos e botões de nosso frontend em suma definir nossas configurações globais do Maximus Arcade.

Maximus Arcade, funções e processos externos

O Preferences nos fornece várias portas de entrada para scripts e executáveis de natureza externa ao frontend, com opções para acioná-los durante o lançamento do Maximus Arcade bem como na interface interna de cada sistema ou até mesmo durante o início de qualquer jogo.

Aqueles que acompanham nossos tutoriais  já  estão ambientados a estas opções, até mesmo esgotadas do ponto de vista criativo, porém existe uma outra forma de integrar funcionalidades externas ao frontend de maneira até mais natural, consistindo em inserir scripts e softwares baseados na linguagem Action Script, também conhecida como linguagem Flash.

Maximus Arcade e  Action Script

Esta linguagem atualmente pertence a Adobe mas teve sua origem na Macromedia Softwares, é interessante notarmos que o frontend Maximus Arcade foi desenvolvido utilizando vários elementos advindos da linguagem Action Script ou Flash por meio de seus arquivos SWF (ShockWave Flash), que em outrora amplamente utilizado nas aplicações para Web.

Através do Theme Editor podemos agregar tais arquivos SWF que além de imagens, sons, textos e animações podem carregar em seu interior códigos de programação advindos do Action Script e serem acionados junto ao lançamento de nossa skin no frontend de maneira simples e rápida.

Iremos dar um exemplo prático de como anexar tais conteúdos externos a nossa skin/tema tornando tudo muito mais customizável e original, acompanhe com calma os passos listados abaixo.

* Download Adobe Flash.

* Escrevendo nosso código.

* Gerando arquivo SWF.

* Incorporando SWF ao Maximus Arcade. 

* Considerações finais.

Download Adobe Flash

Em primeiro lugar iremos baixar o software Adobe Flash aqui, neste guia utilizaremos o Adobe Flash CS5, e dentro dele nos utilizaremos de sua linguagem nativa o Action Script.

Para acessar o Action Script 3.0 é necessário ter uma versão do Adobe Flash á partir da versão CS3, as versões do Flash anteriores a citada utilizam o Action Script 2.0 divergente em alguns aspectos deste utilizado por nosso guia, portanto muita atenção a este detalhe.

Escrevendo nosso código.

Neste passo iremos ser mais objetivos para que nosso guia se torne mais rápido e assertivo, de maneira a não nos perdermos na imensidão de funcionalidades do Adobe Flash.

1.0 Já com nosso software baixado e instalado iremos abrir um novo projeto, ao executarmos o Flash esta opção estará disponível na tela de boas vindas do programa, basta selecionar a opção [Action Script 3.0]. Veja Imagem Abaixo...

1.0 Flash Criando Novo Projeto

1.1 A idéia aqui é exibir mensagens interativas dentro das interfaces do Maximus Arcade, mensagens essas que poderão ser modificadas e editadas a qualquer momento pelo usuário, tudo isto partindo de um simples bloco de notas software padrão de qualquer Windows.

Para tal intento precisaremos criar um texto dentro do Flash e definir nossas configurações para ele como: cores, tamanho e estilo de fonte entre outras coisas.

1.2 Para criar texto dentro do Flash é bem simples selecione a ferramente [TEXTO] na barra na barra de ferramentas ou pelo atalho de teclado (T), após isto dentro da caixa de texto digite algo simples que servirá apenas para visualizarmos o estilo de fonte e seus atributos, pois o texto será carregado externamente. Veja Imagem Abaixo...

1.2 Criando Texto no Flash

1.3 Automaticamente ao criarmos nosso texto o menu de propriedades vai se abrir ao lado direito da interface padrão do Flash, agora é hora de editarmos algumas delas, começando pela coloração da fonte e alinhamento na tela. Veja Imagem Abaixo...

1.3 Flash Propriedades de Texto

1.4 Iremos agora selecionar nosso estilo de fonte, este processo é minucioso e requer um pouco mais de atenção de nossa parte, observe que para fontes padrões do Windows tudo se limita a selecionar e utilizar a fonte normalmente, porém para fontes personalizadas é necessário fazer sua incorporação ao projeto (Embed), neste guia vamos utilizar a fonte gratuita Retro Gaming. Veja Imagem Abaixo...

1.4 Selecionado Fonte no Flash

1.5 Sigamos para a incorporação de fonte selecionada ao nosso projeto, logo abaixo do nome da fonte clique no botão [Embed...]. Agora na janela que se abre, em [Font:] selecione a fonte, em [Character ranges:] marque o box [All] em seguida clique em [OK].Veja Imagem Abaixo...

1.5 Incorporando Fonte ao Flash

1.6 Agora é hora de incrementar nosso texto com um dos diversos filtros que o Flash oferece, em nosso caso iremos utilizar o filtro Drop Shadow (Projeção de Sombra). No canto inferior direito acesse o [Menu Filters], após clique no [Botão Filter] as opções disponíveis serão listadas, escolha [Drop Shadow] a partir de agora edite os campos para personalizar seu sombreamento. Veja Imagem Abaixo...

1.6 Filtros e Efeitos no Flash

1.7 Antes de prosseguirmos com os próximos passos precisaremos salvar nosso progresso até agora, este processo é bem simples basta acessar o [Menu File] e opção [Save As...] escolha sua pasta de destino e renomeie seu projeto. Veja Imagem Abaixo...

1.7 Salvando Progresso

1.8 Passaremos a organizar e interagir com as pastas do Maximus Arcade, crie uma pasta denominada "messages"  dentro da pasta do frontend Maximus Arcade, e coloque lá o arquivo do Flash que acabamos de salvar no passo anterior. Veja Imagem Abaixo...

1.8 Realocando Nosso Arquivo Flash

Inserindo Action Script ao nosso Projeto

Agora passaremos a inserir código Action Script  dentro de nosso projeto Flash editando de maneira a criar nossa aplicação customizável a partir de um bloco de notas.

2.0 Novamente dentro de nosso projeto Flash iremos criar uma nova camada acima da existente, para isso na aba [TIMELINE] no canto inferior esquerdo clique no [Botão New Layer]. Ou através do [Menu Insert] selecione opção [Timeline] e clique sobre [Layer]. Veja Imagem Abaixo...

2.0 Criando Nova Camada

2.1 Renomeie a nova camada para Actions, posicione o mouse no primeiro Frame desta camada e pressione [F9] para abrir a janela do editor do Action Script uma vez dentro dela cole o código que está logo abaixo:

System.useCodepage=true; 
texto_externo = new LoadVars();
texto_externo.onLoad = texto_carregado;
texto_externo.load ("info.txt"); //texto.txt é o arquivo externo a ser carregado

function texto_carregado() {
	texto = this.txt; //txt é a variável definida no arquivo .txt
}  
   

2.1 Abrindo Editor Action Script

2.2 Passaremos a editar alguns parâmetros do código para seu pleno funcionamento, na (linha 4) de nosso código atente para a String ("info.txt"), este campo aponta a localização de nosso arquivo de texto editável (que neste caso esta na mesma pasta do arquivo Flash). Agora iremos criar o arquivo de texto na pasta "messages"  e renomear nosso arquivo de texto para "info.txt". Veja Imagem Abaixo...

2.2 Criando Arquivo de Texto

2.3 No interior do bloco de notas iremos inserir nossas mensagens em uma tag HTML dentro de uma variável simples, o código abaixo deverá ser colado dentro do nosso arquivo info.txt.

&txt=<html>Multijogos é aqui no Manual Do Arcade!!!</html>

Depois de colado o código iremos editar somente o trecho contido em <html>minha nova mensagem</html>, após escrever sua nova mensagem salve o bloco de notas para que seja exibida a nova mensagem pelo Action Script. Veja Imagem Abaixo...

2.3 Editando Nova Mensagem

2.4 Iremos agora capturar o caminho completo de nosso arquivo de texto seguido de sua extensão e inserir em nosso código Action Script, tomando o cuidado de inverter as barras que separam os diretórios, muita atenção a este ponto. Veja Exemplo Abaixo...

O diretório é capturado assim:

C:\Frontend\messages\info.txt




Agora insira desta maneira:

"C:/Frontend/messages/info.txt"




2.4 Capturando Diretório

2.5 Neste ponto iremos fazer um link entre nossa camada de texto e nosso código Action Script, clique sobre a camada de texto e nela clique sobre a caixa de texto, as [Propriedades] vão se abrir, agora procure pelo campo [Options] clique para expandir, aqui iremos editar o campo [Variable:] dentro dele digite "texto" que corresponde a variável presente na função dentro de nosso código. Veja Imagem Abaixo...

2.5 Linkando Nosso Texto

2.6 Voltando para a aba [TIMELINE] vamos selecionar a camada Actions e em seguida iremos inserir um novo [Keyframe], e dentro deste novo keyframe tecle [F9] para abrir o editor Action Script e agora iremos inserir o código que dá o "Auto Start" de nossa aplicação, copie e cole o código abaixo.

gotoAndPlay(2);




2.6 Inserindo Auto Start

2.7 A criação do sistema de Auto Start abre um precedente para que futuras animações sejam incluídas no texto e no palco como um todo, portanto precisamos também de um novo Keyframe para a camada de texto por nós criada, posicione o mouse no quadro clique com direito do mouse e selecione [Insert Keyframe]. Veja Imagem Abaixo...

2.7 Keyframe de Ajuste

Gerando Arquivo SWF

Concluída toda parte de criação e edição de códigos em nosso projeto Flash é chegado o momento de exportar nosso arquivo SWF.

3.0 Clique na área em branco no palco do Flash e assim as propriedades de documento do Flash vão se abrir no canto direito, expanda o menu [Publish] e nele altere o campo [Player:] para "Flash Player 9", em seguida altere o campo [Script:] para "ActionScript 2.0". Veja Imagem Abaixo...

3.0 Propriedades do Flash

3.1 Vamos agora exportar nosso projeto em forma de SWF clique em [Ctrl+ENTER] e aguarde que o Flash conclua a exportação do arquivo ele será gerado ao lado do arquivo de nosso projeto Flash. Veja Imagem Abaixo...

3.1 Exportando arquivo SWF

3.2 O próprio Flash irá exibir uma prévia do arquivo exportado, arquivo este que poderá agora ser integrado ao Maximus Arcade de maneira muito simples. Veja Imagem Abaixo...

3.2 Prévia do Arquivo SWF

Incorporando SWF ao Maximus Arcade

Iremos agora incluir nossa aplicação a nossa skin/tema gerado pelo Theme Editor editor de temas do forntend Maximus Arcade.

4.0 O primeiro passo é abrir o Theme Editor, após isso vamos importar uma skin/tema para ser editada, no [Menu File] clique em [Open] na janela que se abre clique no botão [Não] em seguida selecione uma das skin para ser modificada. Veja Imagens Abaixo...

4.0 Importando Tema no Theme Editor

4.1 Com nosso arquivo de skin aberto iremos selecionar uma interface para editarmos, nela iremos definir uma nova imagem, em [Property Inspector] aba [Sprite] sub-aba [Define Image] marcando  o Box [Image#1] será criado um novo sprite na interface de emuladores. Veja Imagem Abaixo...

4.1 Adicionando Novo Sprite Image

4.2 Neste ponto iremos impotar nossa aplicação SWF dentro deste novo sprite image recém adicionado ao Theme Editor, posicione o mouse sobre este sprite e com o botão direito clique em [Import...] e selecione nosso arquivo SWF. Veja Imagem Abaixo...

4.2 Importando SWF ao Sprite Image

4.3 Edite toda a parte de escala e posicionamento de sua nova aplicação e tenha em mente que agora nosso SWF/Action Script funciona junto ao frontend via skin, podendo ser adicionado agora novas mensagens e estilos de animação e cores para estas mesmas mensagens. Veja Imagem abaixo... 

4.3 SWF no Theme Editor

Considerações Finais

Espero que tenha conseguido junto com este guia confeccionar sua aplicação em Action Script/SWF e mais do que isso despertar o interesse em tal linguagem em anexo ao Maximus Arcade.

As opções são infinitas pois é possível utilizar tal sistema não só para exibir mensagens mas contadores, imagens, aúdio, data e hora local, e muito mais.

Lembrando que não só o Flash utiliza tal linguagem Action Script presente em Softwares como After Effects e Adobe Animate entre outros.

E claro que estas informações são apenas a superfície desta que considero uma adição interessante ao Maximus Arcade.  Até a Próxima...