Aug 28

Ta legal, o título do post ficou muito brega!!! Eu assumo hahaha. Mas o jogo é bom!

Virou mania (faz tempo já) jogos musicais que testam nossos reflexos e sensibilidade para o ritmo. Lembro-me quando era garoto e cabulava aulas para jogar Pump It Up, um jogo de dança muito legal. O vício era tanto que acabei tentando várias outras variações do jogo. Me lembro que entrei uma vez um uma locadora e um pessoa estava jogando DDR. Resolvi tentar e na primeira vez de minha vida que joguei DDR (que tinha 4 botões em cruz e não 5 em diagonal como na Pump), venci… prova de que esses jogos todos treinam nossos reflexos e sensibilidade rítmica.

De lá pra cá foram muitos jogos, simuladores de bateria, de dança, vocal e o famoso e todo poderoso Guitar Hero, já lendário jogo de guitarra jogado pelas massas. No centro de São Paulo, precisamente na Santa Ifigenia, é possível comprar uma guitarra sem fio para jogar por cerca de R$ 150,00 (sim, eu comprei… rs).

Bom, Guitar Hero realmente virou uma lenda nos jogos de simulação, mas infelizmente ele não está disponível para todas as plataformas. Você encontra o jogo para video-games, para windows e para mac, mas não para Linux (fora que o jogo é pago, claro). E é aí que entra a estrela de nosso post, um jogo chamado Frets on Fire. Trata-se de um jogo simulador de guitarra Open Source, que tem versões para Linux, Mac OSX e (argh) ruWindows.

Interessado? Então vamos fazer o download do jogo no site oficial clicando aqui. Não vou entrar em detalhes de como instalar o jogo, afinal em cada plataforma é um método, mas só quero lembrá-lo de procurar nos repositórios de sua distribuição Linux, pois é provável que ele esteja lá, esperando para ser instalado facilmente.

Após abrir o jogo, você encontra apenas 1 música e tem um tutorial muito bom pra quem não conhece o estilo de jogo ainda. Se você não tem uma guitarra, não tem problema, seu teclado pode virar uma. O jogo é configurado justamente para isso. Utilize as teclas F1-F5 para pressionar as cordas e a tecla ENTER e a tecla SHIFT para tocar. Basta virar o teclado de ponta cabeça que você terá a posição de sua guitarra conforme na imagem à seguir:

Bom, vai ficar chato jogar sempre a mesma música, então por que não baixar outras na internet? Você encontra centenas de música por aí, e uma dica é procurar nos sites de torrents. Você encontra inclusive pacotes com todas as músicas das versões do Guitar Hero com as notas e tudo mais para colocar no seu Frets on Fire, fora que com o “Song Editor” você poderá criar suas próprias notas em músicas.

Veja aqui um link para um site de torrents com diversos pacotes de música para o Frets on Fire: Clique aqui

written by LedStyle \\ tags: , , , , , , , , , , , , , , , , , , , , , , , , , ,

Aug 11

O design segue tendências, e é comum que cores, estilos e efeitos entrem “na moda”. À algum tempo atrás, lembro-me que o efeito “drop shadow” (aquela sombrinha) era o efeito do momento. Atualmente, um dos efeitos mais comuns é o reflexo, e vem sendo por tempos popularizado pela Apple e seguido por diversas pessoas e designers. De fato é um efeito bem bonito, mas o que mais vejo é este reflexo sendo mal aplicado, tornando a arte bem feia. Vamos aprender hoje a criar este efeito de reflexo da forma correta.
Um bom efeito de reflexo deve levar várias coisas em conta:

  • Tamanho do reflexo
  • Nível de transparência
  • Fundo
  • Ângulo de visão inferior
Vamos lá então. Primeiro vamos abrir o Inkscape e criar um novo documento. Neste exemplo, criei uma página A4 e coloquei ela em formato paisagem.
Pegue a ferramenta de texto e escreva o texto que você quer aplicar o efeito. Mude para a fonte de sua preferência, menos Comics Sans, é claro (clique aqui e entenda o porquê)!
Com a ferramenta da Seta Preta, selecione o texto e vamos duplicá-lo indo em EDIT > DUPLICATE (ou pressionando o atalho CTRL + D). Sem apertar nada, automaticamente o Inkscape já deixa selecionado o texto de cima. Você não verá diferença pois um texto está exatamente em cima do outro. Vamos invertê-lo indo agora em OBJECT > FLIP VERTICAL (tecla de atalho “V”). Isso irá inverter nosso texto.
Com a Seta Preta, arraste o texto invertido de forma a colocá-lo logo abaixo do original (dica: segure CTRL enquanto arrasta o texto para que ele fique alinhado). Selecione o texto de baixo (que vai ser nosso reflexo).
Agora pegue a ferramenta de Gradient (Ctrl + F1):
Clique mais ou menos na parte superior do texto de CIMA e arraste até a metade do texto de BAIXO (dica: segure CTRL para que a linha fique na vertical perfeitamente). Veja como deve ficar:
Para entender, na barra superior, você verá o gradiente que aplicou. Clique no botão Edit:  (esta opção só aparece com a ferramenta  selecionada).
Na janela que abrir, vamos entender o que aconteceu. Como você pode ver na imagem abaixo, na parte superior o menu Drop Down mostra 2 paradas do gradiente (no meu exemplo elas se chamam Stop2393 e Stop2395). A primeira parada leva a cor PRETA. A segunda parada também leva a cor PRETA, mas possui ALPHA zero (o alpha é o nível de transparência). Selecione a segunda parada (no meu exemplo a Stop2395). Note como o Alpha (representado pela cor “A”) está em “0″, o que indica transparência total. Abaixo você pode ver a primeira parada com o Alpha 100 ainda.
Usando este conceito podemos transformar qualquer objeto de 1 cor em reflexo facilmente. Para mais cores, o melhor é fazê-los de forma separada (cor por cor), visto que o Inkscape ainda não trabalha muito bem com máscaras (uma pena).
Agora vamos dar uma incrementada na nossa arte. Com a ferramenta de criação de elipses () vamos criar uma elipse simulando uma sombra. Veja abaixo o exemplo:
Selecione a elipse e vamos editar seu preenchimento clicando no botão  com a elipse selecionada.
Na caixa de diálogo que abrir, vá até a aba “Stroke” e clique no “X” para garantir que ela não tenha nenhuma borda:
Agora vamos na aba “Fill” e configurar o preenchimento. Escolha o quarto botão que fará um gradiente radial (vamos usar o mesmo esquema de gradiente que usamos para o reflexo: de preto para preto com alpha zero).
Voltemos para a área de trabalho e vejamos o resultado. Se vc quiser, pege a ferramenta de gradiente novamente () e puxe as duas pontas das linhas até obter um resultado melhor. Depois disso, reorganize a ordem dos elementos de tal forma que o texto de cima fique por CIMA DE TUDO, depois venha a sombra que criamos e por último o texto de baixo em reflexo por BAIXO DE TUDO (isso fará bastante diferença quando você utilizar outras cores que não o preto). Veja abaixo como o meu ficou:
Agora para finalizar, vamos criar um retânculo com a ferramenta  pegando a página inteira e novamente use a ferramenta  para criar um gradiente. Faça de baixo para cima, iniciando na parte inferior da página e parando no meio (mais uma vez use o CTRL pressionado para garantir que a linha fique reta). Clique no botão Edit do gradiente novamente com o retângulo selecionado:
Na janela, vamos configurar as 2 paradas da seguinte forma: A primeira preta com alpha 50. A segunda preta com alpha 0. Isso vai criar um cinzinha para branco. Envie o retângulo para baixo de todas as outras imagens selecionando a ferramenta Seta Preta, clicando 1x no retângulo e clicando no botão .
Reorganize os elementos na posição que desejar e confira o resultado final:
Quando for usar um efeito de reflexo, lembre-se sempre de alguns detalhes para evitar um resultado “franskenstein”:
  • Muitos designers gostam tanto do reflexo que acabam deixando-o muito forte. No exemplo acima, acredite, o reflexo já está BEM FORTE. Eu mesmo costumo utilizar algo mais fraco que isso em meus trabalhos. Domine a técnica e não deixe a técnica te dominar.
  • Observe objetos em cima de mesas de vidro para entender como funciona. Utilizar este efeito em textos é relativamente simples, mas em objetos tridimensionais a história é outra. A arte que vai em baixo como reflexo deve ser a do mesmo objeto visto de baixo e não de cima. Veja o exemplo abaixo, note como a imagem da esquerda está com o efeito aplicado de forma incorreta, e a forma certa na imagem da direita:

  • Quando usar letras de tamanhos diferentes, existem algumas possibilidades. Você pode alinhar o reflexo pela letra maior ou separar as letras e fazer o efeito em uma por uma. Se separá-las, vai dar a impressão que a letra maior está mais na frente que as outras.

  • Cuidado com a inversão. Para criar o efeito reflexo, você deve INVERTER a imagem no eixo horizontal (ou seja… verticalmente). Não cometa um erro muito comum que é rotacionar a imagem 180º, ou o resultado será muito estranho (note como o reflexo das letras de baixo não bate com as letras de cima):

written by LedStyle \\ tags: , , , , , , , , , , , , , , , , , , , , , , , ,

Jul 25

Venha participar da 3ª Edição do Festival Software Livre - DF promovido pela ATA - Associação de Tecnologias Abertas e pela UCB - Universidade Católica de Brasília. O evento será realizado nos dias 3 e 4 de outubro e temos grandes expectativas para esta edição. Esperamos a presença de mais de 2000 pessoas participando da nossa programação que terá aproximadamente 70 eventos entre palestras, tutoriais, oficinas, práticas, cases de sucesso, maratonas e encontros de comunidades. Até o momento temos confirmada a presença do palestrante Jon Maddog, diretor executivo da Linux International e o SERPRO como patrocinador oficial. Neste evento temos como objetivo reunir profissionais, estudantes e adeptos do Software Livre num só local, promovendo assim a interatividade e distribuição de conhecimento entre as partes. Oportunidade única que você também pode participar.
Para outras informações acesse o site www.festivalsoftwarelivre.org, mande um e-mail para marketing@festivalsoftwarelivre.org ou ligue para (61) 3223-0995.
Estamos esperando por você!

written by LedStyle \\ tags: , , , , , ,

Jul 23

Pois é, o formato RMVB talvez seja o mais incompreendido da internet. Muita gente odeia e muita gente ama de paixão, uma relação bastante complicada. É um formato bastante disseminado em comunidades que compartilham seriados e filmes por conseguir uma compactação bem acima da média sem grandes perdas de qualidade. É comum ver arquivos serem reduzidos pela metade em seu tamanho quando convertidos para esse formato da Real Networks.

O problema é que o formato RMVB é bastante incompatível com a maioria dos players do mercado, sendo que a melhor solução acaba sempre sendo o tocador oficial da Real, o Real Player. Não que este seja um software ruim, mas as vezes queremos tocar esses vídeos em outros lugares. Por exemplo usando o controle remoto e Front Row, ou num iPod, Apple TV ou mesmo num iPhone. A solução é converter os arquivos para um formato aceito.

Para converter vídeos RMVB no Mac, a solução é utilizar o Mencoder, um software bastante difundido no mundo Linux já, mas este não possui interface gráfica, e sua sintaxe de uso não lá muito intuitiva. Até pouco tempo, a única solução gráfica para conversão de arquivos era usando o ffmpegX e muita paciência. Para começar, configurar o ffmpegX já é bastante complicado, envolvendo instalação de codecs, renomeamento de pastas, e alguns “pulos do gato” bastante estranhos. Outro problema era que depois de muitas configurações, os vídeos eram convertidos de RMVB para Xvid, um formato bastante aceito e que pode tocar no Quick Time (usando o Perian) e conseqüentemente no Front Row, mas não num iPod ou Apple TV, por exemplo. Isso significa que o arquivo precisaria ser convertido ainda mais uma vez utilizando o Quick Time Pro, o que leva muito mais tempo ainda.

Mas seus problemas acabaram (espero). Um novo software promete acabar com isso, o PEnGUIn Encoder, que além de tudo é gratuito. A princício ele não passa de uma interface gráfica para o mencoder (o grande software Open Source que age por traz de tudo), mas a diferença é que essa realmente funciona. É muito simples fazer uma conversão, veja abaixo como tudo deve ser feito:

Passo 1: Faça o download do PEnGUIn Encoder no site oficial.

Passo 2: Após feito o download, extraia o arquivo (caso seu Safari já não o tenha feito) e execute o programa (não é necessário copiá-lo para a pasta Aplicativos, pois se trata apenas de uma interface gráfica).

Passo 3: Da primeira vez que o programa rodar, clique direto no botão LAUNCH, e você receberá uma mensagem pedindo para instalar os binários do Mencoder. Clique em “Install Binaries” conforme a imagem abaixo:

Passo 4: Um software de instalação aparecerá, basta seguir os passos na tela e não terá problemas (o famoso Next Next Finish). E vualá, seu programa está pronto para ser usado.

Agora vamos ver como é fácil converter um vídeo. Do lado direito da janela, clique no botão “Add” e selecione os filmes em RMVB que você deseja converter, ou, se preferir, apenas arraste os arquivos para dentro da janela.

Na janela principal (central) agora clique no botão OPTIMIZE e escolha o formato desejado. Ao terminar, clique em LAUNCH e uma janela aparecerá perguntando onde você quer salvar o arquivo convertido. Selecione uma pasta e é só esperar a conversão.

Os arquivos serão convertidos para MP4 facilmente. O processo demora um pouco, mas bem menos que se tivéssemos usado o ffmpegX e depois o QuickTime. Agora é só jogar o arquivo pra dentro de seu iPod, iPhone, Apple TV ou PSP e curtir.

written by LedStyle \\ tags: , , , , , , , , , , , , ,

Jul 15

Pois é. Como os visitantes de codinomes “Augusto” e “name” destacaram nos comentários de meu último post, o Senado Federal editou a página referente à licitação de um banner no site paraiba.com.br no valor de R$ 48.000,00 por mês.

Quem entrar na página agora, vai ver apenas um contrato anual com o valor de R$ 48.000,00, mas sem a palavra “MENSAL” do lado. Veja como estava o site do senado até ontem:

 

Da pra ler claramente a palavra MENSAL ali do lado. Se usarem o cache do google, ainda da pra comprovar. Agora quem entra no site do Senado não se depara mais com a palavra “MENSAL”. O que seria então? Erro de digitação? Ma fé?

A pergunta que fica no ar é: Quanto o site paraiba.com.br está recebendo do Senado Federal pelo “”"imenso”"” banner de 120×60 pixels?

Se eu estou tentando achar pêlo em ovo? Não! Estou apenas fazendo valer meus direitos de cidadão em saber quais os custos que o Senado Federal tem com publicidade! É direito de todos nós ter aceso a essa informação!

written by LedStyle \\ tags: , , , , , , , , , , , , , ,