Archive for the ‘Lab’ Category

Novo Google Acesse Agora!!!

Postado em 25 nov 2009
Categoria(s) Lab

Essa é nova interface do Google.

Captura_de_tela

Quer usar ela? Claro que sim!
Vamos lá!

Navegador Chrome

1) Abra o navegador Chrome;
2) Clique com o botão direito da barra de endereço;
3) Selecione a opção “Edit Search Engines”;
4) Clique na linha “Google (Default)” e no botão “Edit”;
5) Mude o keyword de “google.com.br” para “google.com”;
6) Feche a tela;
7) Acesse http://www.google.com;
8) Cole na barra de endereço o seguinte código:

javascript:void(document.cookie="PREF=ID=20b6e4c2f44943bb:U=4bf292d46faad806:TM=1249677602:LM=1257919388:S=odm0Ys-53ZueXfZG;path=/; domain=.google.com");

9) Dê um refresh no navegador;
10) Pronto! Olha a nova interface do Google!

Captura_de_tela-2

Navegador Firefox

No Firefox, é mais complicado.

1) Com o Firefox fechado.
2) Vá em C:\Arquivos de Programas\Mozilla Firefox\searchplugins e abra o arquivo google.xml;
3) Com o Bloco de Notas. Procure o texto:

<Param name="q" value="{searchTerms}"/>

4) e, depois dele, cole este texto:

<Param name="hl" value="en"/>

5) Salve e feche o arquivo;
6) Abra o Firefox;
7) Cole na barra de endereço o seguinte código:

javascript:void(document.cookie="PREF=ID=20b6e4c2f44943bb:U=4bf292d46faad806:TM=1249677602:LM=1257919388:S=odm0Ys-53ZueXfZG;path=/; domain=.google.com");

8) Dê um refresh no navegador;

  • Share/Bookmark

Flixel Game Engine – ActionScript 3

Postado em 05 nov 2009
Categoria(s) ActionScript, Flash, Flixel, Game, Jogo, Lab

É uma biblioteca Actionscript (Flash) livre, destinada para uma grande variedade de jogos em Flash. Inclui ganchos para gravidade e profundidade. Já possui métodos prontos para trabalhar com:

  • Rápida renderização (+5000 sprites em computadores modernos);
  • Tilemaps;
  • Sistema de partículas;
  • Controle de volume, com teclas de atalho;
  • Parallax scrolling (multi-direcional);
  • Colisão de sprites;
  • Renderização de textos;
  • Renderização retro com opções de 2x pixels, 3x pixels, etc;
  • Não precisa da IDE do Flash, trabalha melhor com ferramentas livres como FlashDevelop;
  • Organização das classes por estados do jogo;
  • Botões simples;
  • Utilitários para loop de música e tocar som;
  • Efeitos especiais simples.

Facilidade de uso

É bem simples de ser usada, já possui com um conjunto de classes com vários métodos que facilitam bastante o trabalho com sprites, tilemaps, colisões e sons.

Licença envolvida

Está disponível através da licença MIT.

Linguagem

Actionscript 3.

Plataformas

Roda em cima do Flash Player, dessa forma funciona em qualquer plataforma Windows, Linux, Mac OS e Web.

Performance em 2D

Possui um ótima performance para ambientes em 2D, segundo testes do autor da game engine ela consegue trabalhar com mais 5000+ objetos na tela do jogo.

Performance em 3D

Não consegue trabalhar com o ambiente 3D.

Carregamento de modelos 2D e 3D

Consegue trabalhar com imagens em 2D e fazer o seu carregamento de forma muito simples. Não trabalha com carregamento de modelos 3D.

Facilidade de instalação

Para construir os jogos em Flixel é recomendado usar a IDE FlashDevelop, para realizar a instalação e configurar o ambiente siga os passos abaixo:

Contribuição para a comunidade

Flixel possui uma comunidade bastante ativa, com vários jogos já desenvolvidos, é possível fazer parte e interagir com a comunidade no endereço: http://flixel.org/forums/.

Testes

Para realizar o teste foi seguido um tutorial de jogo disponível em: http://flixel.org/forums/index.php?topic=226.0 e o código fonte está disponível no Github no endereço: http://github.com/patrickespake/Flixel-Ninja.

Basta efetuar dois cliques no arquivo Ninja.as3proj e ele já será carregado no Flash Develop, no diretório bin do projeto existe o arquivo chamado index.html, basta abrir esse arquivo no navegador e ver o jogo rodando.

A tecla X pula, a tecla C atira estrela e os direcionais movimentam para esquerda e direita.

  • Share/Bookmark

Meu primeiro jogo de plataforma usando Flixel Game Engine

Postado em 18 set 2009
Categoria(s) ActionScript, Flash, Flixel, Game, Inteligência Artificial, Jogo, Lab, PIBIC

tecpar-fachadaEu sou bolsista de iniciação cientifíca no TECPAR (Instituto de Tecnologia do Paraná), lá eu estou desenvolvendo pesquisa cientifíca na área de inteligência artificial para jogos. A bolsa tem duração de 1 ano e ontem completou um mês que eu estou lá, está sendo muito proveitosa a experiência, a quantidade de conhecimento que está sendo repassada é imensa, sem contar que eu estou cercado de doutores e mestres.

Uma das primeiras atividades foi pesquisar as games engines existentes e analisar os seus prós e contras no desenvolvimento de jogos, eu analisei uma série de tecnologias em diferentes linguagens e plataformas. Essa semana eu desenvolvi uma pesquisa sobre a game engine Flixel (www.flixel.org) voltada para o Flash.

Sobre a Flixel

É uma biblioteca Actionscript (Flash) livre, destinada para uma grande variedade de jogos em Flash. Inclui ganchos para gravidade e profundidade. Já possui métodos prontos para trabalhar com:

  • Rápida renderização (+5000 sprites em computadores modernos);
  • Tilemaps;
  • Sistema de partículas;
  • Controle de volume, com teclas de atalho;
  • Parallax scrolling (multi-direcional);
  • Colisão de sprites;
  • Renderização de textos;
  • Renderização retro com opções de 2x pixels, 3x pixels, etc;
  • Não precisa da IDE do Flash, trabalha melhor com ferramentas livres como FlashDevelop;
  • Organização das classes por estados do jogo;
  • Botões simples;
  • Utilitários para loop de música e tocar som;
  • Efeitos especiais simples.

Game: Green ninja don’t like the blue ninja

flixel-ninjaPara testar os recursos do Flixel eu desenvolvi um jogo de plataforma chamado “Green ninja don’t like the blue ninja”. É um jogo plataforma, onde você é o ninja azul e o seu objetivo é escapar dos ninjas verdes que querem matar você, para isso você tem estrelas que pode atirar nos ninjas verdes eliminando eles, por consequência você obtém uma pontuação por cada ninja verde morto. Os direcionais movimentam o ninja azul, a tecla X pula e a tecla C atira estrela.

Foi muito interessante desenvolver esse game no decorrer dessa semana, muitos conceitos no desenvolvimento de jogos que eram bem obscuros para mim, depois da construção desse game as coisas foram esclarecidas, e eu percebi que construir um game não é uma tarefa tão complexa como eu pensava, a análise mais difícil é você raciocionar para criar ilusão na programação, acredito que essa seja uma das tarefas mais complicadas.

Para dar o ponta pé inicial no desenvolvimento eu fui seguindo esse tutorial da comunidade do Flixel: http://flixel.org/forums/index.php?topic=226.0 e depois fui adicionando minhas customizações, melhorias no comportamento do inimigo, mais estados para o jogo, efeitos especiais e sons.

Se você seguir os mesmos passos vai ver que não é nenhum bicho de 7 cabeças.

Flixel é uma game engine bastante nova, surgiu no meio desse ano, mas eu recomendo ela fortemente, tudo que eu vi, usei e programei até agora fui muito satisfatório.

Se você quiser jogar o game visite: http://lab.patrickespake.com/flixel-ninja.

O código fonte está disponível no github: http://github.com/patrickespake/Flixel-Ninja sinta-se livre para modificar, reutilizar e distribuir.

  • Share/Bookmark

Lab Go2Images resize e crop de imagens no formato gif, png ou jpg

Postado em 19 mai 2009
Categoria(s) Lab, PHP

Frequentemente em muitos projetos PHP é necessário trabalhar com o upload de imagens, geralmente nos formatos gif, png ou jpg.

Em muitas aplicações sempre é necessário fazer o resize e o crop das imagens, para obter um melhor resultado na visualização das imagens juntamente com o conteúdo.

Pensando nisso recentemente eu criei um projeto, chamado Go2Images, no meu laboratório, com o objetivo de realizar as funcionalidades acima.

Go2Images

O código fonte está disponível no github: http://github.com/patrickespake/go2images/tree/master e você pode testar no endereço: http://lab.patrickespake.com/go2images/.

O Go2Images foi desenvolvido usando a linguagem de programação PHP e o padrão de projeto MVC, que foi implementado do zero. Além disso ele usa a biblioteca GD para realizar as operações de resize e crop.

Você pode definir os tamanhos que as imagens devem ser redimensionadas, cadastrando a largura e altura, os sistema verifica todos os tipos de tamanhos cadastrados e usa essas informações para efetuar o resize e crop da imagens, conforme: http://lab.patrickespake.com/go2images/?controller=imageType&action=list e imagem abaixo:

Go2Images Image Type

Desta forma é possível inserir novas dimensões facilmente.

Com as dimensões de redimensionamento definidas, é possível efetuar o upload de uma imagem em: http://lab.patrickespake.com/go2images/index.php?controller=image&action=new.

Go2Images Nova Imagem

Automaticamente o sistema irá fazer o resize e crop das imagens, baseado nas informações de tamanho cadastradas http://lab.patrickespake.com/go2images/index.php?controller=image&action=show&id=1.

Go2Images Detalhes da Imagem

Primeiro o sistema efetua o resize da imagem tentando chegar o mais perto das dimensões desejadas e depois efetua o crop para deixar a imagem exatamente no tamanho informado.

No diretório public/images/system são armazenadas as imagens, é criado um diretório para cada imagem cadastrada, e dentro de cada diretório os tamanhos das imagens, sempre é armazenada a imagem original para futuros redimensionamentos.

Esse projeto é apenas um protótipo, sinta-se livre para usar, copiar e modificar.

  • Share/Bookmark