Yin-yang

Tarefa.:”recriar o símbolo do Yin-yang. Depois gere 100 símbolos com tamanhos e cores aleatórias. Discutia o resultado em seu blog

Código do Yin-yang
Código do Yin-yang

Fiz esse código para gerar 100 símbolos do Yin-yang e explicarei em 3 tópicos:

  • Criei uma variável global i para ser usada posteriormente pelo contador.
  • Parte da criação da função do símbolo:
    1. Criei duas variáveis para definir as cores das partes do simbolo.
    2. dividi o simbolo em 3 etapas: Círculos grandes, médios e pequenos.
    3. Defini parâmetros de proporção para cada circulo (usando o simbolo dos slides).
    4. Utilizei apenas a metade de um dos círculos grandes, para que cada metade do circulo fosse de uma cor.
    5. Defini todos os círculos para não terem bordas e que a cor fosse uma das duas previamente selecionada
  • Utilizei o “frameRate” para que apenas um símbolo aparecesse por segundo e criei um contador, para que quando chegasse à 100 feitos ele parasse.
Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s