Como criar gráficos em um aplicativo JES

JES é um ambiente de programação que permite editar fotos, vídeos e som. JES permite selecionar uma imagem e alterar a cor de cada pixel. Essa abordagem programática permite que você edite imagens de maneiras interessantes.

O JES também inclui funcionalidade integrada para adicionar seus próprios gráficos às imagens. Isso inclui linhas ou formas como retângulos, ovais e círculos.

Como criar uma tela vazia no JES

Você pode renderizar imagens existentes usando JES, incluindo aqueles que um usuário armazenou em seu computador, que ele seleciona para carregar. Se você quiser desenhar suas formas em uma imagem em branco, você pode usar a função makeEmptyPicture() integrada para criar uma nova tela vazia.

1. Em um novo aplicativo JES, crie uma nova função chamada createEmptyPicture():

   defcreateEmptyPicture():

instagram viewer
2. Dentro dele, use a função interna makeEmptyPicture(). Passe a largura e a altura da nova imagem, em pixels, para a função. Como JES usa Jython, certifique-se de recuar seu código, assim como faria em Python. Você pode dar uma olhada em alguns comandos vitais do Python para iniciantes se precisar revisar suas habilidades em Python.

   ImagemVazia = makeEmptyPicture (600, 300)

3. Use a função show() para exibir a imagem:

   mostrar(imagem vazia)

4. Clique no Carregar programa botão, localizado entre a área de programação e a linha de comando. Clique em Sime salve seu código existente em um novo arquivo.
5. Digite o seguinte código na linha de comando:

   createEmptyImage()

   Isso chamará a função createEmptyPicture, assim que você pressionar Enter:
6. A função será executada, mostrando a nova tela vazia.

Como criar e adicionar retângulos

Você pode usar o JES para criar formas como retângulos. No JES, as coordenadas x e y começam no canto superior esquerdo da imagem, em vez do canto inferior esquerdo.

Use a função integrada addRect() para desenhar um retângulo em uma imagem vazia.

1. Crie uma nova função chamada drawRectangle():

   defdesenharRetângulo():

2. Dentro da função, crie uma nova imagem vazia:

   pic = makeEmptyPicture (600, 300)

3. Use a função addRect() para desenhar um retângulo. A função addRect() aceita seis parâmetros. O primeiro parâmetro é a variável que armazena a imagem que você gostaria de desenhar. A seguir estão as coordenadas x e y do canto superior esquerdo do retângulo. Por fim, passe as coordenadas x e y do canto inferior direito e a cor da borda.

   addRect (foto, 50, 100, 200, 50, vermelho)

4. Você também pode adicionar retângulos preenchidos usando a função addRectFilled(), em vez de addRect():

   addRectFilled (foto, 100, 200, 200, 50, vermelho)

5. Use a função show() para exibir a imagem:

   mostrar(foto)

6. Clique no Carregar programa botão, localizado entre a área de programação e a linha de comando.
7. Execute a função drawRectangle() através da linha de comando:
8. Aguarde a imagem abrir, mostrando os retângulos que você fez.

Como criar e adicionar círculos e ovais

Você pode usar a função integrada addOval() para criar ovais e círculos. Se você estiver criando um círculo, verifique se a largura e a altura do oval são iguais.

1. Crie uma nova função chamada drawCircle():

   defdesenharCírculo():

2. Dentro da função, crie uma nova imagem vazia:

   pic = makeEmptyPicture (600, 300)

3. Crie um oval usando a função addOval(). Adicione a imagem na qual você gostaria de desenhar o oval como o primeiro argumento da função. Insira as coordenadas x e y do ponto superior esquerdo da oval. Adicione largura e altura, que não precisam ser iguais se você estiver desenhando uma forma oval. O argumento final leva em conta a cor do contorno do oval:

   addOval (foto, 100, 100, 50, 100, vermelho)

4. Para adicionar ovais preenchidos, use a função addOvalFilled(), em vez da função addOval():

   addOvalFilled (foto, 200, 100, 50, 100, vermelho) 

5. Você pode usar a mesma função addOval() para criar círculos. Certifique-se de que os valores de largura e altura inseridos como terceiro e quarto argumentos sejam os mesmos:

   addOval (foto, 350, 100, 50, 50, vermelho)

6. Use a função addOvalFilled() para criar um círculo preenchido:

   addOvalFilled (foto, 450, 100, 50, 50, vermelho)

7. Use a função show() para exibir a imagem:

   mostrar(foto)

8. Clique no Carregar programa botão, localizado entre a área de programação e a linha de comando.
9. Execute a função drawCircle() na linha de comando:
10. Aguarde a imagem abrir para visualizar as ovais e círculos desenhados.

Como criar e adicionar linhas

Use a função addLine() para desenhar linhas em sua imagem vazia no JES.

1. Crie uma nova função chamada drawLine():

   defdesenhar linha():

2. Dentro da função, crie uma nova imagem vazia:

   pic = makeEmptyPicture (600, 300)

3. Use a função addLine() para desenhar uma linha. Insira a imagem na qual você desenhará a linha. No segundo e terceiro argumentos, insira as coordenadas x e y do ponto inicial. No quarto e quinto argumentos, insira as coordenadas x e y do ponto final. Finalmente, insira a cor da linha. Isso desenha uma linha de (50, 200) a (250, 200):

   addLine (foto, 50, 200, 250, 200, vermelho)

4. Use a função show() para exibir a imagem:

   mostrar(foto)

5. Clique no Carregar programa botão, localizado entre a área de programação e a linha de comando.
6. Execute a função drawLine() na linha de comando:
7. Aguarde a imagem abrir, mostrando a nova linha.

Desenhando suas próprias formas em JES

Agora você deve ser capaz de desenhar suas próprias formas no JES. Você pode começar a ser mais criativo com algumas das outras técnicas interessantes de processamento de imagem disponíveis.