[Aula 4 e 5] Condicionais 1 e 2

EXERCÍCIO 03 - 05 de Abril de 2018 - Condicionais 1

- Declaram-se as variáveis do tipo inteiro posiX, posiY, veloX e veloY, para posição e velocidade respectivamente.

Na função setup():
- Define-se o tamanho da tela (600px, 600px);
- Atribui-se valores às variáveis de posição com valores aleatórios inteiros (conversão de tipo) entre 25 e 575, tanto para X (posiX) quanto para Y (posiY);
- Atribui-se uma velocidade para o movimento de X e outra para o de Y. No caso, 5 para as duas;

Na função draw():
- Atribui-se a cor rosa ao plano de fundo de modo que atualize a cada novo frame;
- Cria-se a elipse com as posições X e Y dependentes das variáveis que receberão os valores aleatórios (posiX e posiY) e com diâmetro de 50px;
- As posições X e Y a cada frame tem um adicional de velocidade de 5px;
- As posições X e Y serão alteradas dentro da condição se:
  • se a elipse tiver o limite de seu raio próximo ao limite da janela, sua velocidade mudará de módulo, alterando a direção de movimento de modo que a elipse sempre se mova e tenha a ilusão de "quique"


EXERCÍCIO 04 - 10 de Abril de 2018 - Condicionais 2 

- Declaram-se as variáveis do tipo inteiro posiX e posiY (posições);
- Declara-se a variável do tipo cor de nome cor (valores RGB);

Na função setup():

- Define-se o tamanho da tela;
- Atribuem-se às posições X e Y valores aleatórios por meio da função random();
- Atribui-se valores RGB à função cor;

Na função draw();
- Atribui-se a cor rosa para o plano de fundo;
-  Antes de criar a elipse, define-se a cor de seu preenchimento (primeiramente branco);
- Cria-se a elipse com as posições aleatórias de X e Y e com o tamanho de 50px de diâmetro;
- Verifica-se por meio da condição se o pressionamento de tecla e, dentro desta condição, o pressionamento das teclas de seta.
  • Dependendo da tecla pressionada, a elipse se moverá em X ou Y, tendo seus valores acrescentados ou decrescidos em 5;
  • caso atinja o limite da janela, a elipse terá suas posições redirecionadas para o ponto extremo oposto ao qual estava no frame anterior;
- Cria-se a condição para: caso as coordenadas do mouse coincidam com as coordenadas X e Y da elipse e um botão do mouse for pressionado, a elipse mude de cor;


Código:

EXERCÍCIO 03




/* 
Criar um programa que desenhe na tela um círculo em posição inicial aleatória.
Faça o círculo se mover nas posições horizontal e vertical.
Quando o círculo alcançar uma das bordas, faça com que ele passe a se mover na
direção contrária.
*/


int posiX, posiY,veloX,veloY;

void setup(){
  
size (600,600);
posiX = (int)random(25,width-25);
posiY = (int)random(25,height-25);
veloX = 5;
veloY = 5;
frameRate(1);
}//setup



void draw(){
background(255,150,200);

ellipse(posiX,posiY,50,50);
posiX = posiX + veloX;
posiY = posiY + veloY;

 if (posiX <= 25 || posiX >= width-25){
 veloX = -veloX;
 }
 if (posiY <= 25 || posiY >= height-25){
 veloY = -veloY;
 }

}//draw






EXERCÍCIO 04





/* 
Criar um programa que desenhe na tela um círculo em posição inicial aleatória.
Faça o círculo se mover nas posições horizontal e vertical.
Quando o círculo alcançar uma das bordas, faça com que ele passe a se mover na
direção contrária.
*/


int posiX, posiY;
color cor;
void setup(){
  
size (600,600);
posiX = (int)random(25,width-25);
posiY = (int)random(25,height-25);
cor = color(255);
}//setup



void draw(){
background(255,160,255);

fill(cor);
ellipse(posiX,posiY,50,50);

if (keyPressed == true){
  
  //movimentação
    if (keyCode == UP){
     posiY = posiY-5;
 }
     if (keyCode == DOWN){
     posiY = posiY+5;
     }
     if (keyCode ==RIGHT){
     posiX = posiX+5;
     }
     if(keyCode ==LEFT){
     posiX = posiX-5;
     }
     
     //condições das posições caso atinjam as bordas
     if(posiX <=25){ 
       posiX = width-27;
     }
     if (posiX >= width-25){
       posiX= 27;
     }
     if(posiY <=25){
     posiY = height-27;
     } 
     if (posiY >= height-25){
       posiY = 27;
     }
     
}//main if
  if ((  (mouseX < posiX+25 && mouseX > posiX-25) || (mouseY < posiY+25 && mouseY > posiY-25)  )&& mousePressed == true){
 cor = color(255,80,255);
 }

}//draw

Comentários

Postagens mais visitadas deste blog