Cómo crear gráficos en una aplicación JES

JES es un entorno de programación que te permite editar fotos, videos y sonido. JES le permite seleccionar una imagen y cambiar el color de cada píxel. Este enfoque programático le permite editar imágenes de maneras interesantes.

JES también incluye una función integrada para agregar sus propios gráficos a las imágenes. Esto incluye líneas o formas como rectángulos, óvalos y círculos.

Cómo crear un lienzo vacío en JES

Puede renderizar imágenes existentes usando JES, incluidas las que un usuario tenga almacenadas en su ordenador, que seleccione para subir. Si desea dibujar sus formas en una imagen en blanco, puede usar la función integrada makeEmptyPicture() para crear un nuevo lienzo vacío.

1. En una nueva aplicación JES, cree una nueva función llamada createEmptyPicture():
   instagram viewer

   definitivamentecrear una imagen vacía():

2. En su interior, utilice la función integrada makeEmptyPicture(). Pase el ancho y el alto de la nueva imagen, en píxeles, a la función. Dado que JES usa Jython, asegúrese de sangrar su código, tal como lo haría en Python. Puedes echar un vistazo a algunos Comandos vitales de Python para principiantes si necesita revisar sus habilidades de Python.

   ImagenVacía = HacerImagenVacía (600, 300)

3. Use la función show() para mostrar la imagen:

   espectáculo(imagen vacía)

4. Clickea en el Cargar programa botón, situado entre el área de programación y la línea de comando. Haga clic en Síy guarde su código existente en un nuevo archivo.
5. Introduzca el siguiente código en la línea de comando:

   crearImagenVacía()

   Esto llamará a la función createEmptyPicture, una vez que presione Enter:
6. La función se ejecutará y le mostrará el nuevo lienzo vacío.

Cómo crear y agregar rectángulos

Puede usar JES para crear formas como rectángulos. En JES, las coordenadas xey comienzan desde la esquina superior izquierda de la imagen, en lugar de la esquina inferior izquierda.

Use la función incorporada addRect() para dibujar un rectángulo en una imagen vacía.

1. Cree una nueva función llamada dibujarRectángulo():

   definitivamentedibujarRectángulo():

2. Dentro de la función, crea una nueva imagen vacía:

   pic = hacerImagenVacía (600, 300)

3. Utilice la función addRect() para dibujar un rectángulo. La función addRect() toma seis parámetros. El primer parámetro es la variable que almacena la imagen en la que le gustaría dibujar. A continuación se encuentran las coordenadas x e y de la esquina superior izquierda del rectángulo. Finalmente, pase las coordenadas x e y de la esquina inferior derecha y el color del borde.

   addRect (imagen, 50, 100, 200, 50, rojo)

4. También puede agregar rectángulos rellenos usando la función addRectFilled(), en lugar de addRect():

   addRectFilled (imagen, 100, 200, 200, 50, rojo)

5. Use la función show() para mostrar la imagen:

   espectáculo(Foto)

6. Clickea en el Cargar programa botón, situado entre el área de programación y la línea de comando.
7. Ejecute la función dibujarRectángulo() a través de la línea de comando:
8. Espere a que se abra la imagen, mostrando los rectángulos que ha hecho.

Cómo crear y agregar círculos y óvalos

Puede usar la función incorporada addOval() para crear tanto óvalos como círculos. Si está creando un círculo, asegúrese de que el ancho y la altura del óvalo sean iguales.

1. Cree una nueva función llamada drawCircle():

   definitivamenteDibujarCírculo():

2. Dentro de la función, crea una nueva imagen vacía:

   pic = hacerImagenVacía (600, 300)

3. Crea un óvalo usando la función addOval(). Agregue la imagen en la que le gustaría dibujar el óvalo como el primer argumento de la función. Ingrese las coordenadas x e y del punto superior izquierdo del óvalo. Agregue un ancho y una altura, que no tienen que ser iguales si está dibujando un óvalo. El argumento final toma el color del contorno del óvalo:

   addOval (imagen, 100, 100, 50, 100, rojo)

4. Para agregar óvalos rellenos, use la función addOvalFilled(), en lugar de la función addOval():

   addOvalFilled (imagen, 200, 100, 50, 100, rojo) 

5. Puede usar la misma función addOval() para crear círculos. Asegúrese de que los valores de ancho y alto ingresados ​​como tercer y cuarto argumento sean los mismos:

   addOval (imagen, 350, 100, 50, 50, rojo)

6. Use la función addOvalFilled() para crear un círculo relleno:

   addOvalFilled (imagen, 450, 100, 50, 50, rojo)

7. Use la función show() para mostrar la imagen:

   espectáculo(Foto)

8. Clickea en el Cargar programa botón, situado entre el área de programación y la línea de comando.
9. Ejecute la función drawCircle() en la línea de comando:
10. Espere a que se abra la imagen para ver los óvalos y círculos dibujados.

Cómo crear y agregar líneas

Use la función addLine() para dibujar líneas en su imagen vacía en JES.

1. Cree una nueva función llamada drawLine():

   definitivamenteDibujar linea():

2. Dentro de la función, crea una nueva imagen vacía:

   pic = hacerImagenVacía (600, 300)

3. Utilice la función addLine() para dibujar una línea. Ingrese la imagen en la que dibujará la línea. En el segundo y tercer argumento, ingrese las coordenadas x e y del punto inicial. En los argumentos cuarto y quinto, ingrese las coordenadas x e y del punto final. Finalmente, ingrese el color de la línea. Esto dibuja una línea de (50, 200) a (250, 200):

   addLine (imagen, 50, 200, 250, 200, rojo)

4. Use la función show() para mostrar la imagen:

   espectáculo(Foto)

5. Clickea en el Cargar programa botón, situado entre el área de programación y la línea de comando.
6. Ejecute la función drawLine() en la línea de comando:
7. Espere a que se abra la imagen, mostrando la nueva línea.

Dibujar sus propias formas en JES

Ahora debería poder dibujar sus propias formas en JES. Puede comenzar a ser más creativo con algunas de las otras interesantes técnicas de procesamiento de imágenes que se ofrecen.