INFORME DE PRÁCTICA DE LABORATORIO Versión 1.

0
PROGRAMA DE INGENIERÍA MECATRÓNICA Periodo 2018-2

LABORATORIO 3. Dibujo 2D con JAVA

Castellanos Rojas Valentina, Amaya Useche Nicolás y Sierra Suarez Erika
{1803436, 1803463, y 1803452}@unimilitar.edu.co
Profesor: Sánchez Galvis Nathaly
 de coordenadas en la pantalla, y manipular los
componentes de la interfaz gráfica.
Resumen:
En la práctica de laboratorio se propone que el
estudiante sea capaz de crear aplicaciones 2D, I. MARCO TEÓRICO
utilizando las funciones básicas de dibujo 2D del  Contexto de gráficos en Java con esta
software Java, desarrollará una aplicación en 2D herramienta se puede dibujar en la
con una interfaz gráfica de usuario. pantalla. Por medio de objeto Graphics
A través del programa Java se podrá dibujar figuras que controla el contexto de gráficos y
bidimensionales, controlar colores y fuentes, dibuja pixeles en la pantalla. Esta
desarrollándolo a través de un sistema de presenta difentes métodos par poder
coordenadas en dos dimensiones x y y. dibujar, manipular tipos de letra,
manipular colores y demás.
Se usaran herramienta de Java como el contexto
grafico que dibujara en la pantalla comandos a  Applet: se usa por public void
través de pixeles, el método paint y la clase color paint(Graphics g) que controla el
que presenta las constantes para manejar colores. contexto de gráficos del programa.
En la práctica el estudiante podrá realizar un paisaje  Paint: es el método que se usa cuando
formado por polígonos que le permitirá comprender se emplea un applet, el contenedor de
el uso de las diferentes herramientas de dibujo en applets llama al método paint (después
Java. de llamar a los métodos init y start).
Cuando se necesita llamar a paint, se
Palabras clave: Dibujo 2D, sistema de hace una llamada al método repaint que
coordenadas, herramientas de dibujo, contexto borrar el fondo del área de dibujo y
gráfico, paint, colores. después update que llama directamente a
paint.
COMPETENCIAS:
I. Habilidades para generar dibujos en 2D en  Métodos de la clase Graphics: Por
Java medio de este método se puede dibujar
II. Capacidad para usar las herramientas de rectángulos con esquina superior
dibujo en 2D y desarrollo de interfaz gráfica. izquierda p1,p2 y cuyas dimensiones
son p3 y p4.
INTRODUCCIÓN:
- public abstract void clearRect(int
A través de Java se puede realizar dibujos con
p1, int p2, int p3, int p4)
figura bidimensionales por medio de un sistema de
Dibujar un arco de que p1 y p2 son las
coordenadas en el que es posible usar diferentes
coordenadas de la esquina superior
herramientas de métodos y clases, las cuales
izquierda de un rectángulo que
permiten asignar y controlar colores, fuentes, puntos
contuviera dicho arco; p3 y p4
especifican la altura y la anchura de
 INFORME DE PRÁCTICA DE LABORATORIO
PROGRAMA DE INGENIERÍA MECATRÓNICA
dicho rectángulo y p5 y p6 son un ángulo
de inicio y un ángulo de barrido, ambos
expresados en grados.
- public abstract void drawArc(int
p1, int p2, int p3, int p4, int p5,
int p6)
Dibuja serie de líneas conectadas, donde el
primer purmo esta conectado al último, el
primer y segundo parámetro son las matrices
que contienen las coordenadas y el tercero
específica el número de puntos.
- public abstract void
drawPolygon(int p1[], int p2[],
int p3)
 Manejo de colores: Se realiza por medio de
una clase Color en la que se puede declarar
los métodos y las constantes para manejar
los colores.
 Las constantes de colores: se pueden usar
a traves de: public final static color
COLOR, que presentara un RGB. Los
constructores de la clase Color son:
- public Color( int r, int g, int b )
Donde r, g, b son los valores del
rojo, verde y azul respectivamente
expresados de 0 a 255.
- public Color( float r, float g, float
b) Donde r, g, b son los valores de
rojo, verde y azul respectivamente
expresados de 0.0 a 1.0.
Los métodos para dibujar líneas, rectángulos, óvalos
y similares, se utilizan como parámetro la
coordenada inicial donde se van a dibujar y
coordenada final para líneas o ancho y alto para
rectángulos y óvalos. Las diferentes funciones son:
Dibujar una línea entre el punto (x1,y1) y (x2,y2).
 public void drawLine (int x1, int y1, int x2, int
y2)
Dibujar un rectángulo con origen en (x,y) y
dimensiones (ancho,alto).
 public void drawRect (int x, int y, int ancho, int
alto)
Dibujar un rectángulo relleno cuya esquina superior
izquierda es (x1, y1) y dimensiones (ancho, alto).
 public void fillRect (int x1, int y1, int ancho, int
alto)
Dibujar un rectángulo relleno con el color del
fondo cuya esquina superior izquierda es (x1, y1) y
dimensiones (ancho, alto).
Versión 1.0
Periodo 2018-2
 public void clearRect (int x1, int y1, int ancho, int
alto)
Dibujar un rectángulo con esquinas redondeadas
con origen en (x, y) y dimensiones (ancho, alto)
en el color actual. Los valores de anchura Arco
y altura Arco determinan el grado de redondez
de las esquinas.
 public void drawRoundRect (int x, int y, int
ancho, int alto, int anchuraArco, int alturaArco)
Dibujar un rectángulo relleno con esquinas
redondeadas con origen en (x,y) y dimensiones
(ancho, alto) en el color actual. Los valores de
anchuraArco y alturaArco determinan el grado
de redondez de las esquinas.
 public void fillRoundRect (int x, int y, int
ancho, int alto, int anchuraArco, int alturaArco)
Dibuja un óvalo en el color actual con origen en
(x, y) y dimensiones (ancho, alto).
 public void drawOval (int x, int y, int ancho,
int alto)
Dibuja un óvalo relleno en el color actual con
origen en (x, y) y dimensiones (ancho, alto).
 public void fillOval (int x, int y, int ancho, int
alto)
Dibuja un arco con origen en (x,y) con la
anchura y altura especificada, empezando en
angulaInicial y se extiende hasta los grados
especificados por anguloArco.
 public void drawArc(int x, int x, int ancho, int
alto, int anguloInicial, int anguloArco)
Dibuja un arco relleno (es decir, un sector) con
origen en (x,y) con la anchura y altura
especificada, empezando en ángulo Inicial y se
extiende hasta los grados especificados por
anguloArco
 public void fillArc(int x, int x, int ancho, int
alto, int anguloInicial, int anguloArco) .
 Dibujo de polígonos y poli líneas Los
polígonos para utilizarlos se usa:
-public void drawPolygon(int puntosX[], int
puntosY[], int puntos)
Para dibujar un polígono relleno.
 public void drawPolyline(int puntosX[],
int puntosY[], int puntos)
Que dibuja una secuencia de líneas
conectadas.
Dibuja el polígono P.
 INFORME DE PRÁCTICA DE LABORATORIO Versión 1.0
PROGRAMA DE INGENIERÍA MECATRÓNICA Periodo 2018-2

 public void fillPolygon(Polygon p)

Dibuja el polígono relleno P.
 public void Polygon(int puntosX[], int
puntosY[], int puntos) Crea un objeto
polígono.

IV. Desarrollo de la práctica

Se pide realizar un programa que represente un
paisaje formado por polígonos, dicho paisaje debe
contar con:
- Un Slider que permita desplazar el sol o luna en
sentido horizontal
- Un Slider que permita desplazar una figura
(carro, persona, animal) en sentido vertical y
horizontal.
- Un Slider que permita cambiar el color de la
figura (carro, persona, animal)
- Un cuadro de texto y/o un slider que permita
modificar el tamaño de dicha figura
- Un Slider que varíe la cantidad de lados del sol
o luna, de 4 a 8.
- Un botón que dibuje la figura en la posición
inicial.
La localización del origen de coordenadas de
usuario debe ser la esquina inferior izquierda del
panel de dibujo, los sliders empleados deben
desplazar la figura por toda el área de trabajo.
Realizar diagramas de flujo del programa creado
junto con los diagramas UML.

V .RESULTADOS

Diagramas UML:

Diagramas de flujo:

Fig. 10. Prueba de escritorio Resistencias

 INFORME DE PRÁCTICA DE LABORATORIO Versión 1.0
PROGRAMA DE INGENIERÍA MECATRÓNICA Periodo 2018-2

VI. CONCLUSIONES
En la práctica de laboratorio se logró construir y
ejecutar aplicaciones en IDE, creando aplicaciones
en 2D en la cual se utilizaron funciones básicas de
dibujo y la interfaz gráfica del programa.
Se logró realizar figuras bidimensionales
controlando los diferentes colores y fuentes, usando
los objetos Graphics, el método paint, applet,
dibujar diferentes polígonos y poli líneas,
rectángulos, arcos, y líneas conectadas, así mismo
se pudo comprender el manejo de colores llamando
los métodos y las constantes para definir los colores
o cambiarlos.

VII.REFERENCIAS
[1] DEITEL, Como programar en Java,
Prentice Hall, 2003.
[2] Netbeans IDE, «Java GUI Applications
Learning Trail,» 2013. [En línea]. Available:
https://netbeans.org/kb/trails/matisse.html.
[Último acceso: 2013].
[3] N. IDE, «NetBeans IDE Java Quick Start
Tutorial,» 2013. [En línea]. Available:
https://netbeans.org/kb/docs/java/quickstart.html
#. [Último acceso: 2013].
[4] daniel, «Programando en Java: Control del
Mouse - MouseListener (IV),» 2005. [En línea].
Available:
http://www.gra2.com/article.php/200504122154
56135. [Último acceso: 2013].
[5] J. S. Documentation, «Class Graphics,»
2013. [En línea]. Available:
http://docs.oracle.com/javase/7/docs/api/java/aw
t/Graphics.html.