MovieClip fugindo do mouse

E aí pessoas, blz?

Demorei pra atualizar o blog né? foi mal.

Olha só, eu fiz um site junto com o parceiro muito gente fina e talentoso (@tiagopreto). Nesse site a gente precisava fazer umas fotos se movimentarem na direção oposta ao mouse, se o rato vai pra direita, a foto vai pra esquerda, entendeu né? Pois bem, além disso tinha que ter um certo efeito de profundidade entre as fotos.

O esquema funciona assim:

  1. Definimos um deslocamento pro movieclip, quanto maior for o deslocamento, mais longe do mouse ele irá. É com essa propriedade que simulamos a profundidade, quanto maior for o deslocamento, mais próxima a foto parece estar;
  2. Definimos a distância máxima que o mouse se movimentará sobre o stage. É difícil explicar isso, talvez fosse melhor um screencast, mas imagine o seguinte: O movieclip se move no mesmo sentido do mouse, mas em direção contrária, mas o deslocamento do movieclip deve ser proporcional ao deslocamento do mouse, e não idêntico, logo, se o mouse se movimentou 10% da distância máxima para a direita, o movieclip se moverá 10% do deslocamento definido para a esquerda. Entendeu? Não? Então faz assim, coloque a distância máxima do X a largura do stage, e a distância máxima do Y a altura do stage que vai funcionar;
  3. Monitoramos o evento de movimento do mouse e aplicamos o cálculo definido acima usando a Tweener para ficar mais suave.

Abaixo segue um exemplo do uso.

package
{
	import br.com.oswd.util.OsjMouseMov;

	import flash.display.MovieClip;
	import flash.display.Sprite;

	public class Post004 extends Sprite
	{
		private var mm1:OsjMouseMov;
		private var mm2:OsjMouseMov;
		private var mm3:OsjMouseMov;
		private var mm4:OsjMouseMov;
		private var mm5:OsjMouseMov;

		public function Post004()
		{
			mm1 = new OsjMouseMov(clip_fundo, 50, 550, 400);
			mm2 = new OsjMouseMov(clip_meio1, 100, 550, 400);
			mm3 = new OsjMouseMov(clip_meio2, 100, 550, 400);
			mm4 = new OsjMouseMov(clip_frente1, 150, 550, 400);
			mm5 = new OsjMouseMov(clip_frente2, 150, 550, 400);
		}
	}
}

Resultado

Pronto, é isso, é simples mas é de coração. Clique aqui para fazer o download do exemplo.

Até mais seres.

Carregando e reproduzindo vídeos com AS3 (2/2)

Olá seres.

Como eu comentei no post anterior, a documentação do AS3 é a melhor referência que existe, pois bem, esta humilde classe foi inspirada no exemplo do help (http://help.adobe.com/en_US/AS3LCR/Flash_10.0/flash/net/NetStream.html). E se você consegue ler em inglês vai perceber que este post beira a pachorra de uma paráfrase.

Para reproduzir arquivos de vídeo com AS3 você vai usar como base 3 classes: NetConnection, NetStream e Video. E para monitorar os estados da conexão você vai usar a classe NetStatusEvent.

(more…)

Carregando e reproduzindo vídeos com AS3 (1/2)

Olá criaturas,

Semana passada um amigo meu estava com alguns problemas para fazer um player de vídeo. No final das contas ele achou um pronto na internet e usou, mas a dificuldade para configurar e estilizar o player exatamente como ele queria me inspirou a escrever este post e o próximo.

Procurei desenvolver esse player sob duas óticas, uma para quem quer apenas pegar o bicho, enfeitá-lo e colocá-lo no ar. A outra é para quem quer entender como ele funciona internamente e até estender a aplicação.

Neste post veremos apenas como configurar o player e usar métodos simples para manipular e/ou monitorar o carregamento e reprodução (primeira ótica), e no próximo post veremos o funcionamento da classe OsjVideoLoader e como a documentação oficial do AS3 é melhor que qualquer outra referência, inclusive este blog.

(more…)

Carregando imagens e swf(s) em AS3

Olá Seres,

neste post vou passar pra vocês a utilização de uma pequena classe que serve para carregar imagens e arquivos swf no flash.  Ela é bem simples mas pode quebrar um galho.

Antes faça o download do arquivo com o fonte usado (está compactado em .rar) e descompacte-o. Clique aqui para baixar os arquivos.

Vamos visualizar o arquivo blog.fla. Na primeira layer (Layer 1) e no único keyframe criado está o código AS que vai instanciar a classe e fazer o carregamento da imagem. Leia os comentários para enteder cada passo como funciona.

(more…)

E aí? Beleza?

Olá pessoa,

como hoje em dia todo mundo tem blog  eu resolvi fazer o meu também. Meu tema principal será o desenvolvimento de aplicações ricas para web, mais precisamente Flash/Flex, porém, eventualmente outros assuntos aparecerão por aqui (quando meu filho nascer por exemplo).

Como esse primeiro post é de apresentação não vou publicar nenhum código, é só pra dizer oi mesmo. Então, oi.

Nó próximo post vou mostrar a utilização de uma pequena classe AS3 que eu fiz para carregamento de imagens e swfs, ela é simples mas é de coração.

Até mais.