A matemática dos jogos isométricos

Para os fãs dos jogos isométricos, eis um excelente tutorial que aborda os fundamentos da criação deste tipo de jogos.

Captar fotos perfeitas em saltos

Se já se sentiram tentados a criar um vídeo animado em que pareçam estar parados no ar, já deverão ter reparado que não é fácil fazê-lo tentando tirar fotografias no momento exacto em que estão "parados" no ponto mais alto do salto; e caso optem por gravar em vídeo para depois seleccionar apenas os frames necessários, é também uma trabalheira inglória. Não seria melhor deixar que o computador se encarregasse desse trabalho e nos facilitasse a vida? É isso que mesmo poderão aprender a fazer já a seguir.

Hello World! Processing

Lembram-se de vos termos falado do Processing? Hoje trago-vos um documentário sobre esta fantástica ferramenta de programação e de criação digital, chamado "Hello World! Processing", e que chega bem a tempo de relembrar que o Processing 2.0 está quase a chegar, cheio de novidades e dando maior uso ao OpenGL (que passará a ser parte integrante e fundamental do sistema).

Um documentário ideal para verem numa tarde de sábado ou de domingo, e que certamente vos inspirará a querer mexer um bocadinho neste Processing, caso ainda não o tenham feito.

Afinal, foi precisamente com essa intenção que fizemos o tal post de introdução ao processing, explicando o processo passo a passo.

Introdução ao Processing

Hoje vamos dar início a uma nova rubrica, para todos os que querem explorar e aprender um pouco mais sobre programação, visualizações, e... muito mais. Começamos com uma exclente introdução ao Processing, aquela linguagem de programação que facilita a manipulação gráfica, que nos é trazida pelo Nuno Santos.

O Processing é uma linguagem de programação open-source aliada a um IDE (Integrated Development Environment) orientada para a criação de visualizações gráficas. Inicialmente a linguagem Processing destinava-se a servir como auxiliar visual para quem se iniciava na programação, mas desde então evolui para uma poderosa ferramenta capaz de acelerar a criação de imagens, animações e muito mais, sendo actualmente usada tanto por estudantes, como artistas, como por cientistas.


O uso do IDE é bastante simples e simplifica a sua utilização e aprendizagem, bastando aceder ao site oficial da linguagem de programação Processing e fazer o download. Não é necessário instalar o aplicativo, sendo apenas necessário correr o IDE.

Uma das dificuldades de aprender uma linguagem de programação é a sua curva de aprendizagem, sendo que a dificuldade de atingir algum resultado visível pode ser um factor determinante para a desistência do utilizador.

Neste primeiro artigo vou abordar um processo muito simples que permitirá ao utilizador por muito inexperiente que seja criar uma pequena aplicação gráfica, Trata-se da simples exibição de uma imagem numa janela no ecrã.

Detecção de Movimento em Processing

Para quem se quer iniciar nas artes da programação e fazer "coisas bonitas" (e úteis), uma das principais frustrações é começar com coisas como fazer o input de um nome ou números, e fazer operações básicas sobre isso. O mais habitual seria quererem começar logo por fazer coisas mais complexas, como por exemplo, usar a sua webcam como sistema de detecção de intrusos, capaz de enviar alarmes para algum lado.

Felizmente, temos coisas como o Processing, que facilitam bastante essa tarefa sendo desde logo orientadas para fazer o processamento de vídeo, som, etc.

Usando este Processing, um programa para fazer a detecção de movimento apenas em certas regiões programadas da imagem torna-se bastante simples (quando comparado com uma linguagem de programação tradicional), como podem ver aqui neste exemplo de video trigger. Que surge em duas versões: uma que permite definir zonas do ecrã que poderão usar como instrumento musical virtual; ou outra que detecta o movimento e envia essa informação para o Pachube (um serviço que permite centralizar todo o tipo de informações em tempo real - como por exemplo, os consumos energéticos, temperaturas da vossa casa, etc. etc.)

Como funcionam os Torrents

Os torrents são uma tecnologia incontornável de transferência de ficheiros (de pequenas ou grandes dimensões) de forma eficiente entre qualquer número de utilizadores.

Em vez de necessitar de servidores "poderosos" capazes de suportar milhares (ou milhões) de utilizadores, pedaços de informação vão sendo transferidos directamente entre os vários utilizadores.

Ora... embora isto seja "fácil de perceber" por muitos, para outros continua a ser um mistério.

Por isso, nada como ver uma visualização em processing que demonstra o funcionamento do protocolo BitTorrent.

[Cliquem na imagem para verem a animação]

Nos segundos iniciais verão os "servidores" (seeders) a enviar informação para apenas alguns clientes (peers)... mas passado algum tempo esses peers começam a transferir dados entre si, poupando os "servidores" originais.

[via Torrent Freak]

iProcessing - Processing no iPhone

Já vos falei várias vezes do Processing, que permite criar efeitos fabulosos, e que posteriormente chegou ao javascript.

Pois... já se estava a ver que seria uma questão de tempo até que alguém se lembrasse do o trazer também para o iPhone... aqui está, o iProcessing.

Wiimote e Partículas

Se gostam de brincar com partículas... então vejam mais um projecto que dá um excelente uso ao Wiimote da Nintendo.


eMotion+Wiimote in IR mode from Adrien Mondot on Vimeo.

Fiquem a conhecer o eMotion (via DigitalMotion)

Canvas - Processing in Javascript

E o canvas finalmente começa a ganhar tracção nos novos browsers. Este novo elemento permite funcionalidades gráficas nos browsers que previamente seriam apenas possíveis com tecnologias "add-on", como o Flash, ou usando código específico não-standard de um único browser.

O canvas, desta vez, faz parte do standard HTML para a web... e abre as portas a muitas aplicações gráficas e outras coisas com as quais ainda nem imaginamos...
(assim por alto, não me custa imaginar uma altura em que um "browser" funcione quase como sistema operativo.)

Na altura em que ouvi falar dele pela primeira vez, vi logo que ia dar muito que falar, e desta vez é o processing que passa a estar disponível em javascript, graças a esse novo elemento.


Para ver os exemplos que estão na página, é aconselhável terem o Firefox 3.0 beta 5.

(deixo-vos aqui com 3, cliquem nas imagens)






via o blog do Cafonso [AindaaPensar]

Música Visual com o Processing

Se pensam que aqueles efeitos visuais no Media Player ou no Winamp são bons... Então ainda têm muito que aprender...

Um amigo perguntou-me se eu conhecia software para criar ambientes visuais baseados em música e lembrei-me daquele post que escrevi em Fevereiro sobre o Processing.

Fui cuscar mais uns exemplos e, é sempre bom relembrar o que um pouco de imaginação e criativadade conseguem fazer:

Ora vejam estes:


Solar, with lyrics. from flight404 on Vimeo.



Solar from flight404 on Vimeo.


Magnetic Ink, Process video from flight404 on Vimeo.

[flight404, making of, processing]