Gerenciador/Upload de Imagens – AJAX

November 13th, 2007

Image Uploader/ChooserFoi efetivamente utilizado pela redação de conteúdo da America Online Brasil, oferecendo vários recursos interessantes:

  • Árvore de Pastas client-side;
  • Informações das pastas em XmlHttpRequest;
  • Navegação na lista de imagens com setas do teclado;
  • Informações sobre a imagem obtidas dinamicamente;
  • Multi-upload de imagens.

Memória

November 13th, 2007

Jogo da MemóriaEngine de “Jogo da Memória” com vários recursos interessantes:

  • Cartas dispostas aleatoriamente;
  • Animação de virada de carta;
  • Animação de par encontrado;
  • Cronômetro do tempo da partida;
  • Contagem do número de tentativas.

Jogue agora!

obs: apenas o uso do engine está disponível comercialmente (imagens e layout deste exemplo são propriedade de terceiros).

Pinte e Imprima

November 13th, 2007

Pinte e ImprimaEscolha o desenho, pinte facilmente e imprima seu trabalho. Um engine cuidadosamente programado visando não apenas a experiência da criança, mas também a facilidade da equipe de produção para criar novos desenhos.

  • SWF dos desenhos não contém nenhuma programação;
  • O desenho original pode ser vetorial ou bitmap;
  • Palete de Cores é montada a partir de valores hexadecimais (cores padrão HTML). O Pincel mostra a cor selecionada – nenhum retrabalho é envolvido na customização da palete;
  • A Impressão pode incluir elementos gráficos que não aparecem na Interface – a interface é mantida à parte da impressão;
  • Barra de progresso indica o carregamento do desenho escolhido.

Jogue agora!

obs: apenas o uso do engine está disponível comercialmente (imagens e layout deste exemplo são propriedade de terceiros).

Velha

November 13th, 2007

Jogo da Velha“Jogo da Velha” contra o computador, usando peças customizáveis (personagens, logotipos…).

É impossível assegurar a vitória no jogo da velha – na verdade, jogadores 100% atentos produzem apenas “velhas”. Perde-se quando se está desatento. O engine deste jogo confere ao computador a capacidade de defender-se sempre – mas usa-se fatores de “distração” de modo a a dar a chance de vitória ao jogador humano.

  • Inteligência ajustável em código;
  • Placar com número de vitórias de cada jogador;
  • Permite “troca de lado” (escolhe “0″ ou “X” – ou entre os personagens / desenhos utilizados)
  • Computador joga com inteligência, ajustável em código, incluindo as “armadilhas” de jogo da velha (tenta fazer armadilhas, e se defende de armadilhas)

Jogue agora!
obs: apenas o uso do engine está disponível comercialmente (imagens e layout deste exemplo são propriedade de terceiros).

Sanduíche Legal – Hellmanns: Flash Game

November 13th, 2007

Sanduíche LegalI love making games! They offer nice chance to use all your skills – design and programming (mostly).

There are still missing some “cool stuff” in this game, most important would be background music (well, the budget was not so high, unfortunately :c(

The game was highly OOP designed, and some new Flash Components were created – such as a virtual keyboard joystick, very flexible and easy for general use in games.

Play now!

Drag’n Drop

November 13th, 2007

Drag'n DropArraste e solte os vários objetos sobre um rosto (ou um outro objeto ou cenário) para fazer uma composição divertida. O trabalho pode ser impresso

  • Os desenhos originais podem ser vetoriais ou bitmap;
  • A Impressão pode incluir elementos gráficos que não aparecem na Interface – a interface é mantida à parte da impressão;
  • Os objetos podem ser redimensionados e distorcidos com o mouse, após “arrastados” para o desenho.
  • Os objetos podem ser únicos (arrasta, sai da bibliotaca da objetos) ou ilimitados, com reposição a cada arraste (ex: bolas de natal para enfeitar uma árvore).
  • Objetos excluídos retornam à biblioteca (no modo “único”).

Jogue agora!

obs: apenas o uso do engine está disponível comercialmente (imagens e layout deste exemplo são propriedade de terceiros).

Flash/Real WebPlayer

November 8th, 2007

Flash/Real PlayerThis is a very special project: it’s a Flash interface fully integrated to a RealPlayer embeded object.

You don’t see the RealPlayer – it’s hidden – but the flash interface is fully responsive to the events raised by the Real Player. This behavior is achieved using a complex javascript programming and its control over RealPlayer plugin and Flash plugin. Real Networks and Macromedia have very well documented APIs for controlling their ‘objects’ using javascript. Another thing would be possible to do is adding the Microsoft Media Player and QuickTime together in this project – in that case, this flash interface would be an ‘universal’ web player for all formats. Maybe some time I do this…

IE (5.0 and later) and Mozilla flavors (all on Windows)
You need RealPlayer installed;

CSS in, Tables out!

November 3rd, 2007

AOL Brasil - Home LightAn important day for me at AOL Brasil: the home page was being updated to use only CSS for design purposes. At that time, March 2004, the term ‘tableless’ was not coined yet – nether the term ‘AJAX’.

My work was far away from validating in any doctype you could try… but it changed forever my way of making sites. Despites of all the ugly things I certainly did in this html and css, I need to highlight the use of an incredible technique – at that time with no name at all – today called ‘CSS Sprites’. Read the rest of this entry