Leonardo Moreira

Quem me acompanha mais de perto sabe que estou com uma nova agência desde Maio, a Tick Talk é uma agência pequena, localizada no interior do Paraná e especilizada no desenvolvimento de aplicativos mobile, jogos para web, API’s de Terceiros e web em geral.

Bom, como todo processo desejável em uma empresa, estamos crescendo! Preciso urgente de programadores front e back-end para início imediato, se você faz os dois, maravilha!

Continue Lendo

Ahhh, o maravilhoso mundo do HTML5! A cada dia o número desenvolvedores utilizando a linguagen aumenta, novos experimentos surgem e mostram um futuro promissor, seja no desenvolvimento front-end com a nova estrutura de marcação, na criação de aplicativos mobile ou até o desenvolvimento jogos. Hoje vou escrever justamente sobre o desenvolvimento de jogos com HTML5.

Acho que todos os entusiastas da linguagem já conhecem a versão do Quake II desenvolvida em HTML5 pela equipe do Google, se você ainda não conhece, dá uma olhada aqui. Bacana, não? Excelente case, porém, nesse post vou mostrar alguns experimentos criados por desenvolvedores independentes, que resultaram em alguns joguinhos capazes de acabar com a nossa produtividade =D

Continue Lendo

Fala galera, tudo certo? Primeiro quero pedir desculpas pela demora na publicação da parte 2 da série falando sobre o elemento canvas, estou com bastante projetos em desenvolvimento, mas aqui estamos. Se você ainda não leu a primeira parte, clique aqui.

Nesse post vou falar sobre os métodos bezierCurveTo, quadraticCurveTo, arc e como aplicar tudo isso no elemento canvas, vamos lá?

arc

Para desenhar arcos e círculos, usamos o método arc. Esse método tem cinco parâmetros: X e Y são as coordenadas central do nosso desenho, radius é a metade do diâmetro da nossa circunferência (nem preciso explicar ), startAngle e o endAngle são os parâmetros que define o ponto inicial e final a partir do eixo X e finalmente o parâmetro anticlockwise que recebe um valor booleano, se esse valor for true define o sentido anti-horário para iniciar o nosso desenho, caso contrário, inicia o desenho no sentido horário.

arc(x, y, radius, startAngle, endAngle, anticlockwise)

Observação: Os ângulos no método arc são calculados em radiano, não em graus. Para converter graus em radiano, use:

var radiano = (Math.PI/180)*graus

Continue Lendo

Durante o Google I/O 2010, a Google lançou seu diretório com fontes para web em alta qualidade para você usar através da Google Font API.

A Google Font API foi criada para auxiliar o uso de fontes em qualquer página web e independente do navegador que é usado. Veja algumas vantagens da Font API:

• Economia de Banda;
• Fácil de usar;
• Suporte para estilos;
• Não é necessária a conversão para o formato suportado pelo IE;
• Fontes Open Source;

Desvantagens:

• Pouca variedade de fontes, por equanto;

Continue Lendo

David Glazer, Director of Engineering at Google and his hockey player shirt on second day of presentations Google I/O 2010.

I want one too.