Mais sobre Desenhos ( Versão em video)

Isto é apenas uma pequena aula da nossa conversa interativa de codificação, preparada para fazer captions e traduções facilmente. Melhor ainda se assistires nossas aulas aqui:
https://www.khanacademy.org/cs/programming/

Vamos explorar mais um pouco toda essa parte de desenhar.

O que podemos fazer além de retângulos?

Bem, podemos fazer formatos ovais usando a palavra "ellipse",

se trata de outro comando que o computador conhece.

Na verdade nós temos uma palavra especial para estes comandos.

Vamos chamá-las de funções.

Daqui pra frente utilizarei a palavra "função" para estes comandos.

Continuando, vamos escrever a função de nome "ellipse",

e em seguida dois parenteses e um ponto-e-virgula.

Não está funcionando!

Temos esta mensagem de erro falando de parâmetros, seja lá o que estes sejam.

Você consegue ver o que falta,

se comparado ao que acabamos de escrever para o retângulo(rect)?

Quando somente escrevemos "ellipse", não estamos informando os números, como fizemos para o retângulo.

Estes números são chamados de parâmetros-

costumamos dizer que passamos parâmetros para as funções, e eles controlam o comportamento das mesmas.

Sem os parâmetros, o programa não sabe onde você quer a sua elipse,

ou quão grande fazê-la.

Agora aquela mensagem de erro faz mais sentido.

Vamos em frente e passar quatro parâmetros para a função,

para controlar a localização no eixo x ,y e a largura e altura nós queremos para a elipse .

Anteriormente, nós divertimo-nos em mover nossa elipse livremente pelo quadro branco.

e também aumentâ-la e diminuí-la.

Certo, agora que nós já vimos o básico, vamos tentar desenhar uma elipse grande

bem no meio da tela.

A primeira pergunta que você deverá fazer, é aonde é o meio?

Apenas para revisar, nós temos essa limite superior à esquerda, cujo valor é 0

e a direita é 400, e o em baixo é 400 também

Se nós quisermos imaginar onde está o meio, nós pensaremos que seja a metade de 400 à cima, e metade de 400 à baixo, ou seja, 200,200.

Vamos em frente para mostrarmos isso.

Nós faremos nossa função elipse , passando parâmetros para ela, tornando-a bem grande.

Pronto!!!

Apenas por diversão, vamos por um retângulo aqui também.

Nós usaremos rect 200, 200 um pouco menor.

Isso é interessante.

O que este pequeno experimento nos mostra?

Bem, nós podemos ver que o ponto 200,200 é na verdade o centro da elipse.

Para retângulos, esses parâmetros são diferentes - os números 200,200 significam onde ficará o canto superior esquerdo do retângulo.

Isso é realmente importante para lembrar quando nós estamos tentando posicionar nossas figuras.

Ok, agora vamos mover em linhas simples.

Essa função é apenas para construir uma linha.

Nós passamos 4 parâmetros para ela.

Mas a linha não tem um tamanho como um retângulo, então o que esses números todos controlam?

O primeiro e o segundo parâmetros, igual ao das outras figuras, atribuem valores iniciais aos eixo x e y da linha .

Os últimos dois parâmetros especificam os valores finais dos eixos x e y da linha.

Agora nós entendemos como funciona, vamos ver alguma coisa que nós achamos estranho num primeiro momento.

O que acontece se eu fizer um retângulo iniciar no canto superior esquerdo?

E então fazê-lo bem grande?

Nós podemos fazêlo bem grande, mais isso é um pouco muito grande eu acho.

Nós vemos que isso gradualmente começa a fazer com que a elipse desapareça.

Nós podemos fazê-la desaparecer completamente.

Agora nós estamos nos perguntando para onde ela foi.

Bem, o programa na verdade desenha suas formas em ordem.

A primeira ele desenha sua elipse, depois o retângulo fica em cima e depois a linha é a última de cima.

Então a elipse ainda está lá - Ela apenas está , como você vê, na camada de baixo.

Isso é um ponto importante para se lembrar.

O que poderia acontecer se nós desenhássemos nossa linha primeiro?

Nós apenas não poderíamos vê-la, não é ?

Você poderá fazer isso em seus programas e perguntar, Ei, aonde foi para minha linha?

A ideia é que a linha está lá, apenas está escondida agora.

A mesma coisa a elipse e o retângulo.

Nós podemos fazer efeitos com isso determinando que formas são desenhadas em cima de outras formas apenas modificando a ordem que as escrevemos.

Agora, Eu apenas quero introduzir um pouco de termos técnicos antes de acabar.

Assim que você irá aprender em matemática, nós podemos usar a letra x para significar o quão distante nós posicionaremos a figura.

e a letra y para significar o quão distante a altura da figura.

Isso parece um pouco estranho se você não usa isso frequentemente.

mas é mais fácil dizer que x é o quanto andamos de distância e o y é o quanto estamos alto ou baixo.

Por exemplo, os primeiros dois parâmetros da nossa elipse dizem

que o x poderá ser de 200 e o y poderá ser 229.

Lá você poderá tê-lo, a mesma coisa que dizer o quão longe no horizonte ele está e o quão alto na vertical ele está.

A outra questão que você poderá ter é,

Que unidades nós temos para usar nesse tempo todo?

Quando nós dizemos 200, é em centímetros, polegadas ou milhas?

Nós estamos usando unidades chamadas pixels, e um pixel é uma minúscula unidade de ponto na tela.

Esta tela é de tamanho de 400 pixels.

Esta é a razão nós sempre dissemos que o canto superior esquerdo é 0, e o do outro lado é 400, porque o máximo é 400.

Igualmente, quando nós dissemos 200, significa 200 pixels, e você provavelmente entenderá.

Fantástico. Agora nós conhecemos tudo sobre as funções rect, line e elipse e seus parâmetros.

Nós estamos cobrindo um monte de coisas, detalhando, explorando e estará familiarizado com tudo isso logo , logo.