Poli.school
Programação

Expressões numéricas

Aprenda a usar variáveis para gerar imagens no Processing

Além de atribuir diretamente os valores às variáveis, podemos também escrever expressões matemáticas envolvendo essas variáveis. Por exemplo, o seguinte programa usa expressões envolvendo variáveis para desenhar um retângulo e suas diagonais sempre centralizados na tela gráfica. Além das variáveis criadas pelo programa são usadas duas variáveis geradas automaticamente pelo sistema: width (contém a largura da janela) e height (contém a altura da janela).

Exemplo 1. Declaração de variável em P5.js
function setup() {
  createCanvas(400, 400);

  let largura = 200;
  let altura = 100;

  let pos_x = (width - largura) / 2;
  let pos_y = (height - altura) / 2;

  rect(pos_x, pos_y, largura, altura);
  line(pos_x, pos_y, pos_x + largura, pos_y + altura);
  line(pos_x, pos_y + altura, pos_x + largura, pos_y);
}
Carregando sketch…

Experimente modificar as dimensões da janela gráfica e/ou altura e/ou largura e executar novamente o programa. Note que o retângulo e suas diagonais permanecem centralizados na janela.

Vimos então que é possível usar uma expressão aritmética envolvendo variáveis e números, cujo resultado seja um valor numérico compatível com o tipo da variável destino. No exemplo foram utilizadas a soma(+), a subtração(-) e a divisão (/). Além dessas operações, podemos usar outros operadores para construir as expressões, bem como combiná-los para criar expressões mais complexas.

As operações matemáticas disponíveis são:

  • adição (+)
  • subtração (-)
  • multiplicação (*)
  • resto da divisão inteira (%)
  • divisão (/)
Note que usar uma variável numa expressão aritmética não provoca nenhuma alteração em seu valor, que é apenas usado para o cálculo da expressão. Somente a variável do lado esquerdo do sinal de = é que tem seu valor substituído pelo resultado da expressão aritmética. É possível também usar no cálculo a própria variável que terá seu valor substituído pelo resultado da expressão, uma vez que primeiro a expressão é calculada para em seguida o valor da variável ser substituído pelo resultado.

Exemplos:

x = 2*x; // dobra o valor da variável x
contador = contador + 1; // incrementa a variável contador

É importante ressaltar que o sinal de = em linguagens de programação representa uma atribuição de valor, não uma equação. Se fosse uma equação matemática, x = 2x significaria que x deveria ser obrigatoriamente 0, bem diferente de dobrar o valor de x, enquanto que contador = contador+1 seria uma equação insolúvel.

Copyright © 2026