Thursday, September 15, 2016

Bandeira do Brasil

O primeiro passo pra criar a bandeira é construir o retângulo externo, cuja altura é sete décimos da largura. Ajustando a posição do vértice superior esquerdo, encontramos:


O próximo passo é criar o losango de tal forma que os vértices estejam 17/200 de largura do retângulo externo. Fazendo as contas, isso se traduz como:


O último passo antes de adicionar as cores é o círculo, que possui diametro 7/20 da largura. Essa é a parte mais simples do algoritmo:


Agora que temos o formato, podemos adicionar as cores, obtendo:

Tuesday, September 6, 2016


Com esse código, obtém um pequeno circulo que percorre o caminho entre interseções regulares de uma grade, chegando nas interseções a cada 5 segundos. No entanto, a animação do deslocamento não é fluída.


Para obter uma animação fluída a 60hz e manter o mesmo movimento do código passado, muda-se além da framerate, a distância percorrida para um sessento avos ou 1/60 da animação anterior, para ser distribuidos pelos 60 quadros, obtendo a mesma velocidade no primeiro código. É necessário também alterar as váriaveis de inteiros para ponto flutuante para não ocorrer truncamentos nas operações que mudariam animação final.

Wednesday, August 24, 2016

Alteração de exemplos



O exemplo selecionado cria dois quadrados em gradiente, um fixo e outro controlado pelo cursor do mouse.


Mudando os valores do RGB, os quadrados mudam de gradiente azul para gradiente verde.


É também possível mudar as cordenadas do quadrado fixo, tornando-o mais próximo do canto superior esquerdo.


E finalmente, é mudado as dimensões dos quadrados.

Wednesday, June 22, 2016

Usos mostrando a falta de cuidado em aplicar os 12 princípios de animação

1)Stretch and Squash
 



2)Anticipation


3)Staging
Foco da cena é sobreposta sobre os personagens

4)Straight Ahead e Pose to Pose



Movimento é rigido em situação dinâmica


Situação dinâmica é dado a noção de controlável

5)Follow Thorugh



6)Slow in e Slow out



7)Arcs



8)Secondary Action

Falta de reforço entre o que os personagens fazem(exemplo, a arma não possui um coice após atirar)

9)Timing

O soco sai lento e o impacto acaba rápido, tirando sensação de força

10)Exageration



11)Solid Drawing

Todos os personagens aparentam estar no mesmo plano de fundo, assim como o cenário, removendo profundidade da cena


12)


Tuesday, June 21, 2016

Usos positivos dos 12 princípios de animação

1)Stretch and Squash



2)Anticipation



3)Staging



4)Straight Ahead e Pose to Pose



5)Follow Through

6)Slow In and Slow Out

7)Arcs

8)Secondary Action

9)Timing

10)Exageration

11)Solid Drawing
12)Appeal


Fonte: Skullgirls, de Lab Zero Games