The result as you can see is here (drag the red circles):

As I’m writing codes that are not related to my engine (the one I’m writing for my final project), I decided to create a Google Code Repository for my extra experiments. This way the classes will be always there. This first experiment can be improved a lot. If you have some comments or know a better way of doing it, please let me know

This example’s class is here:

package {
    import com.filipesilvestrim.game.render.light.SpotLight;
    import com.filipesilvestrim.game.render.light.SpotRenderer;

    import flash.display.Sprite;
    import flash.display.StageScaleMode;
    import flash.events.Event;
    import flash.events.MouseEvent;

    [SWF(width=350, height=468)]
    public class SpotExperiment extends Sprite
    {
    private var spotRender 		: SpotRenderer;
    private var spotSelected 	: SpotLight;

    [Embed(source="aoe.jpg")]
    private var map : Class;

    public function SpotExperiment()
    {
        stage.scaleMode = StageScaleMode.NO_SCALE;
        addEventListener(MouseEvent.MOUSE_DOWN, onMouseDown);
        addEventListener(MouseEvent.MOUSE_UP, onMouseUp);
        addEventListener(Event.MOUSE_LEAVE, onMouseUp);
        addEventListener(Event.ENTER_FRAME, onEnterFrame);

        //Adding the background (in some cases the game as itself)
        addChild(new map());

        //creating the render. The first param is where we'll add the representation, the second is the width and the third is the height
        spotRender = new SpotRenderer(this, 350, 468);
        //here we can change the fog color to other one and the transparency
        spotRender.changeColorMap(0x000000, 1);

        //Now we're adding 3 spots of diferent sizes and position
        //As params we have: name, pos X, pos Y, width, height
        var spot1 : SpotLight = new SpotLight("spot1", 200,200,200,200);
        //we can adjust the intensity from 0 to 1
        spot1.intensity = 1;
        //the focus can be adjusted too
        spot1.focus = .5;
        //adds the red ball for debug
        spot1.debug(this);
        //add the spot to be rendered
        spotRender.addSpot(spot1);

        var spot2 : SpotLight = new SpotLight("spot2", 250,300,100,100);
        spot2.debug(this);
        spotRender.addSpot(spot2);

        var spot3 : SpotLight = new SpotLight("spot3", 100, 100, 300, 300);
        spot3.debug(this);
        spotRender.addSpot(spot3);

        //render as first time to the scenario don't appear without no one fog
        spotRender.render();
    }

        private function onMouseDown ( event : MouseEvent ) : void
        {
            //if some spot is target
            if (spotRender.getSpot(event.target.name) != null)
            {
                //hold in the spotSelected variable the sport that represents that Sprite ball
                spotSelected = spotRender.getSpot(event.target.name);
            }
        }

        private function onMouseUp ( event : Event ) : void
        {
            //if mouse released
            spotSelected = null;
        }

        private function onEnterFrame ( event : Event ) : void
        {
            //hold the spots changes (if some spot selected)
            if(spotSelected != null)
            {
                //reposition the spot and the debug reference accourding the mouse position
                spotSelected.x = spotSelected.spriteDebug.x = mouseX;
                spotSelected.y = spotSelected.spriteDebug.y = mouseY;
                //when change the position the sportRender must be rendered again
                spotRender.render();
            }
        }
    }
}

Is the same way that ObjectUtils of Flex Framework do, but… Imagine that we want to duplicate one object of the class Example, we can just do the clone with a code like this:

public function deepClone ( obj : * ) : *
{
        var bytes : ByteArray = new ByteArray();
        bytes.writeObject(obj);
        bytes.position = 0;
        return bytes.readObject();
}

Let’s first imagine our Example class like this:

package com.filipesilvestrim
{
        public class Example
        {
                public var name : String;

                public function Example () {}
        }
}

Ok, but now if we try get the object with the cast like trace((deepClone(obj) as Example)). Man… shame on you, you’ll get “null”. but why? It occurs because when we are cloning the class we do it with the ByteArray and when you return that’s “new” bytes as an Object, the Flash Player don’t know that those bytes are affiliate with the class Example. So how to solve it?

Let’s register in the Flash Player the class Example, to that when it saw the bytes being cast, it understand that those bytes mean that class. To register we need to this:

registerClassAlias("com.filipesilvestrim.Example", Example);

And the code working will be like this:

package com.filipesilvestrim
{
        import flash.net.registerClassAlias;

        import com.filipesilvestrim.Example;

        public class MainClone
        {

                public function MainClone ()
                {
                        var obj : Example = new Example();

                        registerClassAlias("com.filipesilvestrim.Example", Example);

                        trace("Cloned Object with cast = " + (deepClone(obj) as Example)); // must trace "Cloned Object with cast = [object Example]"

                }

                private function deepClone ( obj : * ) : *
                {
                        var bytes : ByteArray = new ByteArray();
                        bytes.writeObject(obj);
                        bytes.position = 0;
                        return bytes.readObject();
                }
        }
}

So, lets code and have fun

After this, my character was no more moving… I fought “wow could be my InputManager class not working so fine…”, but I tried find some bug or something wrong and nothing. After some tries, accidentally I removed the buttonMode = true – propertie that i was defining to that my “start game” Movie Clip behaviors like Button – and tcharam… All working…..

At first we need remind that Keyboard events will just works when Flash Player get focus. And accidentally I found a way of Flash Player loses focus with on removeChild().

So what is happening here?!

First, open the swf file (focus it); after, click at the button (button with focus); later on, the button is removed from the stage (the focus is removed together with the button – so here are the problem). Now if I click on the stage, or other local in the swf file (Flash Player will get focus again) and it will works…
Here is a source code as example :

var spBtn = new Sprite();
spBtn.buttonMode = true; spBtn.graphics.beginFill( 0xff0000, .4 );
spBtn.graphics.drawRect( 0, 0, this.stage.stageWidth, this.stage.stageHeight );
spBtn.graphics.endFill();

addChild( spBtn );

addEventListener ( KeyboardEvent.KEY_DOWN, managekeyDown );
spBtn.addEventListener( MouseEvent.MOUSE_DOWN, mouseClick );

function mouseClick ( e : Event ) : void
{
    spBtn.removeEventListener( MouseEvent.MOUSE_DOWN, mouseClick );
    removeChild( spBtn );
}

function managekeyDown ( e : KeyboardEvent ) : void
{
    if ( e.keyCode == Keyboard.LEFT )
    {
        trace ( "JUST TRACE IF FLASH PLAYER HAVE FOCUS ON IT" );
    }
}

======= Updated at August 1º (expect update more the blog…) ======

To fix this issue you must reset the focus to the stage. So the code will change just in this part:

function mouseClick ( e : Event ) : void
{
    spBtn.removeEventListener( MouseEvent.MOUSE_DOWN, mouseClick );
    removeChild( spBtn );
    //After the remove child we’ll reset the focus to stage
    this.stage.focus = this;
}

Foi lançada hoje de madrugada a tão esperada versão 2.o da Biblioteca Papervision 3D.

Na nova versão possuímos recursos tais como: ShadeMaterials, Shaders, ASCollada (agora com suporte a animação), Frustrum Culling, Multiple Viewports, Render to Scene e muito mais…

Para quem quiser ter uma idéia do que podemos fazer no a nova versão dê uma olhada no link abaixo que exemplifica aplicação de iluminação de phong e bumpMapping.

swf:
http://www.rockonflash.com/papervision3d/downloads/shaderDemos/EarthPhongDemo.swf

FLA:
http://www.rockonflash.com/papervision3d/downloads/shaderDemos/EarthPhongDemo.fla

Então aproveite agora mesmo para fazer o download da nova versão a partir do SVN no endereço: http://papervision3d.googlecode.com/svn/trunk/

Abraços.

fiquei meio parado nas duas últimas semanas por causa do SBGames 2007 e de uns projetos pessoais.

O SbGames 2007 foi simplesmente ótimo e o pré-evento GDS superou as expectativas.

O AUGRS apresentou duas palestras, uma de AS2 e Advergames com Pedro Taranto e Alberto Amaral e a minha de AS3 para Games.

O meu minicurso teve como título “Conhecendo o ActionScript 3.0 para o desenvolvimento de jogos utilizando o Adobe Flash CS3″ e foram abordadas questões desde o básico do AS3 referindo-se a DisplayList e ao Sistema de Eventos até a parte de Simulações de Física com a APE e 3D com Papervision 3D.

O artigo pode ser adquirido nesse link http://www.filipesilvestrim.com/gds_2007/minicursoAS3Games.pdf e os exemplos (classes e .fla) podem ser feitos o download aqui http://www.filipesilvestrim.com/gds_2007/Fonte.zip .

Atenção: Ao fazer o download dos códigos fonte, favor ler o arquivo leia-me.html para que os exemplos rodem corretamente.

Estarei palestrando um mini curso de ActionScript 3.0 para o desenvolvimento de jogos no pré-evento do SBGames 2007 (Simpósio Brasileiro de Games).

Para assistir a palestra basta se inscrever no SBGames e marcar a opção de que irá assistir ao pré-evento GDS (Game Development School).

Detalhes da palestra:

Dia 6 de Novembro
14:00 – 17:00

Conhecendo o ActionScript 3.0 para o desenvolvimento de jogos utilizando o Adobe Flash CS3.

Filipe Ghesla Silvestrim

AUGRS – Adobe User Group do Rio Grande do Sul http://www.augrs.com

Resumo: Introduzir a linguagem de programação ActionScript 3.0 no desenvolvimento de jogos utilizando o software Adobe Flash Professional CS3 como plataforma de desenvolvimento.

Público-Alvo: Intermediário

Pré-Requisitos: Conhecimento de lógica de programação para jogos.

Mais informações sobre o SBGames no site http://www.inf.unisinos.br/~sbgames

Mais informações sobre o pré-evento no endereço http://www.inf.unisinos.br/~sbgames/GDS-port.html

Hoje precisei utilizar um evento da classe TransitionManager no AS3 e encontrei o mesmo problema que havia tido no passado como o AS2, temos dois eventos não documentados para a classe TransitionManager. Os eventos são para quando a transição IN acaba e quando a transição OUT acaba.

OK, mas se não está documentado como saber disso? Bom, a questão é futricar, vá até a pasta das classes do ActionScript 3 e procurem as subpastas fl e dentro dela a transitions(ex.: C:\Arquivos de programas\Adobe\Adobe Flash CS3\en\Configuration\ActionScript 3.0\Classes\fl\transitions). Aí dentro iremos achar o arquivo da classe (TransitionManager.as) e daí é só abrir ele e futricar

Exemplo de aplicação:

import fl.transitions.*;
import fl.transitions.easing.*;

 

var tmTransicao:TransitionManager = new TransitionManager(myMovieClip);

 

tmTransicao.startTransition({type:Zoom, direction:Transition.IN, duration:1, easing:Bounce.easeOut});
tmTransicao.addEventListener(”allTransitionsInDone”, inDoneHandler);
tmTransicao.addEventListener(”allTransitionsOutDone”, outDoneHandler);

 

function inDoneHandler(event:Event):void
{
     trace(”Acabou a transição de ENTRADA”);
     //começou a transição de saída
     tmTransicao.startTransition({type:Zoom, direction:Transition.OUT, duration:1, easing:Bounce.easeOut});
}

 

function outDoneHandler(event:Event):void
{
     trace(”Acabou a transição de SAÍDA”);
}

Flex3 Beta2, A.I.R. Beta2, AMP, Share Beta e update do FP9

Primeiro temos o as novas versões Beta2 do Flex3 e do A.I.R., temos também o AMP (Adobe Media Player), temos o Share Beta e temos ainda novas versões do Flash Player 9. Essas novidades o meu amigo Carlos Eduardo já comentou nesse post aqui e para mais informações das novidades do mesmo parágrafo, pode ir no Labs da Adobe.

Mas as próximas novidades é que me deixaram bobo (algumas não, pois sendo um Manager e sendo beta-tester de algumas tecnologias como as atualizações do Flash Player 9; mas fico me mordendo não podendo falar antes que Adobe anuncie publicamente.

Adobe Developer Connection

Pois bem, vejamos, primeiramente temos um novo portal de suporte ao desenvolvedor Adobe em http://www.adobe.com/devnet/ e um mais específico para a tecnologia A.I.R. em http://www.adobe.com/devnet/air/ que de quebra já começou muito interessante com um artigo passo-a-passo de como construir um jogo baseado em Flash no AIR, isso nesse link aqui http://www.adobe.com/devnet/air/flash/articles/insult_dueler.html.

Flash Lite CS3

Destacando ainda, temos a atualização do Flash Lite CS3 para Flash CS3 Professional e Device Central CS3 estão para download nos links http://www.adobe.com/go/fl_fl3_update e http://www.adobe.com/go/dc_fl3_update. Criação, teste e publicação de conteúdos mobile para tal atualização do Flash Player Lite agora suportam Flash Vídeo e a renderização da maioria dos conteúdos publicados como Flash Player 8 dentro de um dispositivo móvel ou em um browser.

Flash Player 10, codinome Astro e AIF Toolkit

Nesta manhã, num keynote fechado do MAX, o pessoal da Adobe anunciou que o time da linguagem de processamento gráfico AIF, que possui o codinome “Hydra”, fará parte do desenvolvimento do Flash Player 10.

O pessoal da AIF já disponibilizou um Preview no Labs nesse link.

OK, mas o que isso indica?

Indica que o pessoal do Flash agora poderá usufruir de processamento de imagem feitos em GPU (placas de vídeo), fazendo com que possamos ter otimizações de audio e vídeo em tempo real, mais poder de processamento de imagens em nossos scripts (essa tecnologias já é utilizada no AfterEffects CS3) e arquivos mais leve.

Alguns dos benefícios dessa linguagem incluem:

• Sintaxe familiar, baseada em GLSL, a qual baseia-se em C;
• Permite que o mesmo filtro rode tanto em GPU, quanto em CPU;
• Abstrai a complexidade de se programar direto em Hardware de forma Heterogênea;
• Podemos criar os nossos próprios BitmapFilters;
• Qualidade Adobe de processamento de Imagens.

Exemplo de script Hydra aqui.

E agora chegamos enfim no Astro principal o Flash Player 10 \o/ (vídeo de lançamento clique aqui), um avançado e poderoso cliente runtime o qual tem como novidades em sua próxima versão: avançada renderização e processamento em layout de textos (linguagens bidirecional, scripts complexos; multi colunas; quebras de linhas; tabelas), efeitos em 3D (até que enfim o eixo Z), e filtros, blend modes e efeitos customizáveis (criados a partir da linguagem Hydra).

Hydra Alive + AIF Toolkit no Adobe labs
Você pode brincar com a Hydra no link AIF Toolkit. Faça o download no Adobe labs .

Espero vir com muitas novidades a mais por aí pessoal.

E para quem quer sempre estar ligado nas novidades, acessem diariamente a Wiki do Labs da Adobe em http://labs.adobe.com/wiki/

Só para deixar claro essa biblioteca foi feita em ActionScript 3.0.

Agora, mas como utilizar essa biblioteca no Flash CS3? Bom… o pessoal do GotoAndLearn está voltando a atualizar o site deles (bem como eu…) e eles já voltaram arrebentando com um vídeo-tutorial sobre essa excelente biblioteca!

Aproveitem pessoal!!!!

Enfim, o Grupo de Desenvolvedores da Adobe está desenvolvendo uma Biblioteca, free e OpenSource, a qual ajuda desenvolvedores a começar as suas aplicações em Flex. Mas espera aí? Só Flex? Claro que não…

Essa Biblioteca é escrita em AS3, então, nada melhor do que utilizar o Flash CS3 para começar a programar AS3 e ainda de gorjeta, aprender como funciona e utilizar essa excelente Biblioteca.

Nela possuímos numerosas classes e utilidades para serem trabalhadas com AS3. Incluindo, temos classes para Criptografia – MD5 Hash e SHA1 Hash, Manipulação de Imagens – Encodificações JPG e PNG, Serealização – JSON, Universal Resource Identifiers, Serviço Remoto, Classes de Utilidades e muitas outras.

Para começar, seria de grande ajuda o diagrama de classes do AS3, para tornar mais inteligível a compreensão da Biblioteca. Para isso, acessem esse link http://www.flex.org/download/AS3API_01.pdf.

O site do projeto é http://code.google.com/p/as3corelib/.

Para baixar a versão mais recente da biblioteca acesse http://code.google.com/p/as3corelib/downloads/list.

E para um pequeno Help, deixo um site de referências que o pessoal do projeto fez (ele está desatualizado, só consta a primeira versão da Biblioteca, mas ainda assim é válido). O link é http://weblogs.macromedia.com/
as_libraries/docs/corelib/index.html?all-index-A.html&index-list.html. Mas para quem baixou a Biblioteca, basta consultar a pasta docs.

Como a utilização de um bom e velho pacote de classes, basta referenciar nas propriedades de linkage dos pacotes das classes do Actionscript 3 (Edit > Preferences > ActionScript > ActionScript 3 Settings… > +) e utilizar todas as classes do pacote através de um bom e velho import.