• Á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 (desabilitado neste demo).

Experimente!

• 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).

• 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).

É 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).

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!

• 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).

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;

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’.

Below, what I thought when I launched this homes:

There are several reasons to separate content from its presentation. Until now, making a good looking website was impossible without using lots of table tricks, lots of sliced images and so far… all those things represented “noise” in your code, redundant Kbytes the user downloaded each time he accessed the site. But Internet changes fast. Once more we are facing an important change on how serious developers make websites: CSS became very powerful and our markup can be really conceptual despites of its presentation demands. Also, having the “layout” in a separated CSS file, for example, allows faster page download, once the layout can be already cached – while the real content, which changes all the time, uses far away less code.

Of course, new paradigm brings not only advantages: it represents challenge also. Making a complex website design, such as in a web portal’s homepage, using only CSS is not easy. That’s why I am proud to show these two pages here: they were rebuilt from their original “table” layout, going “no-table” using only modern CSS techniques.

By the way, this very page you are reading also doesn’t use tables for layout purpose – it’s all CSS. Take a look at the source and search for “table”.

Important: design concept on these two pages is not mine. My work is the CSS research, HTML & CSS coding as well as methods for reducing the amount of image hits used to construct the look.