You are on page 1of 35

Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI

Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas


Curso: Computación Gráfica Código: 299210

PASO 3

ANALIZAR LA INFORMACIÓN

Javier Alexander Anaya Moreno Cod. 80188959

Eduardo Antonio Vergara Cod. 80101237

Oscar Javier Delgado Cod. 80217860

Eduard Andrés Fernández Cod. 80257561

Luis Fernando Muriel Delgado Cod. 80227496

Bogotá, Abril de 2018

Universidad Nacional Abierta y a Distancia.

Ingeniería de Sistemas

Computación Gráfica
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

ROLES A DESEMPEÑAR

A continuación, se presentan los roles seleccionados por cada uno de los


integrantes para el desarrollo de las actividades del curso.

ROL ESTUDIANTE
Compilador Eduard Andrés Fernández
Revisor Eduardo A Vergara Sánchez
Evaluador Oscar Javier Delgado
Entregas Javier Alexander Anaya Moreno
Alertas Luis Fernando Muriel Delgado

PROPUESTA SELECCIONADA PARA DAR SOLUCIÓN AL PROYECTO

A continuación, el grupo colaborativo, presenta la propuesta para dar solución al


proyecto:

Desarrollo de una aplicación Java para la presentación de los diez principales productos
de la empresa Syris, los cuales se irán mostrando en una animación para luego irse
organizando en cuadrícula de una sola ventana. Para mostrar los detalles del producto,
el cliente al hacer clic sobre el artículo de interés, podrá interactuar con el artículo
haciendo uso del mouse o el teclado con lo cual podrá apreciarlo desde varios puntos de
vista. Para ello, haremos uso de las herramientas de transformación de imágenes que
nos proporciona el lenguaje de programación Java. De esta manera, la empresa Syris
tendrá un mayor impacto sobre sus clientes corporativos, acercándolos a sus productos
y asesorándolos de la forma de cómo estos llegarían hacer que sus negocios sean más
eficientes y rentables.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

MANUAL DE INSTALACIÓN HERRAMIENTAS DE DESARROLLO JAVA

A continuación, el grupo colaborativo, presenta un manual paso a paso, de la instalación


de las herramientas de desarrollo para el lenguaje JAVA (JDK, IDE para JAVA y API 3D a
utilizar).

JDK

JAVA DEVELOPMENT KIT


 Para saber cuál versión descargar, primero se debe verificar que sistema operativo
tiene instalado el computador; para eso se da clic derecho en equipo y se selecciona
la opción propiedades con el clic izquierdo.

 En este caso se evidencia que el sistema operativo es de 64 Bits.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Ingresar al link http://www.oracle.com/technetwork/java/javase/downloads/jdk8-


downloads-2133151.html para descargar las librerías necesarias para programar
en Java.

 Se acepta la licencia para poder realizar la descargar del archivo.

 Se escoge la versión más reciente y se selecciona la que corresponde al sistema


operativo, en este caso Windows x64.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Se guarda y ejecuta el archivo seleccionado.

 Dar clic en next para comenzar con la instalación.

 Aparece la ruta de instalación de jdk, no se modifica nada y se da clic en next.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Aparece la ruta de instalación de jre y se da clic en siguiente.

 Si quiere acceder a tutoriales y datos de la aplicación puede dar clic en Next Steps o
sino puede dar clic en Close para culminar la instalación.

Para que nuestro compilador Java funcione, debemos agregar en el path del sistema la
ruta de nuestro compilador. En Windows 10 vamos a panel de control, sistema y
seguridad, sistema. Hacemos clic en Configuración avanzada del sistema y luego en la
ventana de “Propiedades del sistema” en la pestaña Opciones avanzadas se da clic en
el botón “Variables de entorno”.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

Luego nos ubicamos dentro de Variables del sistema en la línea donde dice Path, luego
damos en el botón Editar, decimos nuevo y colocamos la ruta donde se encuentra los
ejecutables del compilador, para nuestro caso es: C:\Program
Files\Java\jdk1.8.0_162\bin. Damos clic en Aceptar en todas las ventanas.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

Para comprobar el correcto funcionamiento de nuestro compilador Java, nos vamos a


una consola de comandos y ejecutamos: javac –versión.

LIBRERÍAS 3D
Java 3D Api
 Ingresar al link: http://www.oracle.com/technetwork/articles/javase/index-jsp-
138252.html

 Seleccionar la versión más reciente


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Aceptar los términos de la licencia

 Seleccionar la versión del sistema operativo a descargar

 Dar clic en guardar archivo.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Abrir el archivo descargado

 Dar clic en Accpet> para aceptar el acuerdo de licencia

 Dar clic en Install para instalar el programa.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Se proceden a instalar las características del programa.

 Dar clic en Finish para terminar la instalación.

AGREGAR LIBRERÍAS DE JAVA 3D A NETBEANS

 Abrir el programa NetBeans


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Seleccionar la opción herramientas y dar clic en Libraries

 Dar clic en la opción New Library…

 Darle un nombre a la librería que se va a crear y dar clic en Aceptar.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Buscar la librería creada, seleccionarla y dar clic en la opción Agregar archivo


JAR/Carpeta.

 Ir a la ruta: C:\Program Files\Java\Java3D\1.5.1\lib\ext, seleccionar los tres


archivos y dar clic en Agregar archivo JAR/Carpeta

 Dar clic en Aceptar y listo.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

IDE DE DESARROLLO PARA JAVA


NETBEANS

 Ingresar al link https://netbeans.org/downloads/

 Se selecciona el idioma, el tipo de sistema operativo y se da clic en Download en la


opción All para realizar la descarga del programa más completo.

 Se da clic en guardar y ejecutar para proceder con la descarga del archivo y su


posterior instalación.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Aparece la pantalla de bienvenida para la instalación, en donde indica el tamaño


total de la instalación, se da clic en Next.

 Se aceptan los términos de la licencia y se da clic en Next.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Aparece la ruta en la cual se va a instalar NetBeans y también aparece la ruta de


las librerías del JDK que se instalaron con anterioridad. Dar clic en Next.

 Aparece la ruta en donde se va a instalar Glassfish. Dar clic en Next.

 Dejar marcada la opción de buscar actualizaciones y dar clic en Install.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

 Dar clic en Finish para concluir la instalación.


Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

CONSTRUCCIÓN DE GRAFICAS PRIMITIVAS

A continuación, el grupo comparte el procedimiento para crear graficas primitivas

LÍNEAS
Se trabaja con el programa NetBeans IDE 8.2, el cual permite realizar este tipo de
programación:
1. Se crea un proyecto nuevo.
2. Se selecciona la opción de Java Application, se da siguiente
3. Se le asigna el nombre de la aplicación
4. Se deja seleccionado la opción de crear clase principal.

5. En la clase que automáticamente se crea se realiza el siguiente código:

package Imagenes_Primitivas;
public class Imagenes_Primitivas
{
public static void main(String[] args)
{
Panel Formu = new Panel();
Formu.setVisible (true);
}

}
Este código nos sirve para inicializar el formulario que se diseña

6. Se crea ahora el formulario en el cual se diseña como se le va a mostrar al


usuario.
Este formulario se activa de la siguiente manera:

 Se hace clic derecho en el container y se selecciona el


formulario Jpanel.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

7. En el cual se diseña lo que el usuario va a visualizar.

8. Se debe dejar el siguiente código en la pestaña source


package Imagenes_Primitivas;

public class Panel extends javax.swing.JFrame {

public Panel() {
initComponents();
}

@SuppressWarnings("unchecked")
// <editor-fold defaultstate="collapsed" desc="Generated Code">
private void initComponents() {

seleccion = new javax.swing.ButtonGroup();


Dibujar = new javax.swing.JButton();
tablero = new javax.swing.JPanel();
Linea = new javax.swing.JRadioButton();
Poligono = new javax.swing.JRadioButton();
Circulo = new javax.swing.JRadioButton();
jLabel1 = new javax.swing.JLabel();
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
setBackground(new java.awt.Color(51, 102, 255));
setCursor(new java.awt.Cursor(java.awt.Cursor.HAND_CURSOR));

Dibujar.setText("Dibujar");
Dibujar.addMouseListener(new java.awt.event.MouseAdapter() {
public void mouseClicked(java.awt.event.MouseEvent evt) {
DibujarMouseClicked(evt);
}
});
Dibujar.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
DibujarActionPerformed(evt);
}
});

tablero.setBackground(new java.awt.Color(255, 255, 0));

javax.swing.GroupLayout tableroLayout = new


javax.swing.GroupLayout(tablero);
tablero.setLayout(tableroLayout);
tableroLayout.setHorizontalGroup(

tableroLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING
)
.addGap(0, 585, Short.MAX_VALUE)
);
tableroLayout.setVerticalGroup(

tableroLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING
)
.addGap(0, 261, Short.MAX_VALUE)
);

seleccion.add(Linea);
Linea.setText("Línea");
Linea.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
LineaActionPerformed(evt);
}
});

seleccion.add(Poligono);
Poligono.setText("Poligono");
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

seleccion.add(Circulo);
Circulo.setText("Círculo");

jLabel1.setText("Indique que desea dibujar");

javax.swing.GroupLayout layout = new


javax.swing.GroupLayout(getContentPane());
getContentPane().setLayout(layout);
layout.setHorizontalGroup(

layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGroup(javax.swing.GroupLayout.Alignment.TRAILING,
layout.createSequentialGroup()
.addContainerGap(19, Short.MAX_VALUE)
.addComponent(tablero, javax.swing.GroupLayout.PREFERRED_SIZE,
javax.swing.GroupLayout.DEFAULT_SIZE,
javax.swing.GroupLayout.PREFERRED_SIZE)
.addGap(18, 18, 18))
.addGroup(layout.createSequentialGroup()
.addGap(128, 128, 128)

.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEAD
ING)
.addGroup(layout.createSequentialGroup()
.addGap(98, 98, 98)
.addComponent(jLabel1)
.addContainerGap(javax.swing.GroupLayout.DEFAULT_SIZE,
Short.MAX_VALUE))
.addGroup(layout.createSequentialGroup()

.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEAD
ING)
.addComponent(Linea)
.addComponent(Circulo)
.addComponent(Poligono))

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED,
javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
.addComponent(Dibujar)
.addGap(173, 173, 173))))
);
layout.setVerticalGroup(

layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGroup(layout.createSequentialGroup()
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

.addGap(9, 9, 9)

.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAI
LING)
.addGroup(layout.createSequentialGroup()
.addComponent(jLabel1,
javax.swing.GroupLayout.PREFERRED_SIZE, 27,
javax.swing.GroupLayout.PREFERRED_SIZE)
.addGap(15, 15, 15)
.addComponent(Dibujar)
.addGap(25, 25, 25))
.addGroup(layout.createSequentialGroup()
.addComponent(Poligono)

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED)
.addComponent(Linea)

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED)))
.addComponent(Circulo)

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
.addComponent(tablero, javax.swing.GroupLayout.PREFERRED_SIZE,
javax.swing.GroupLayout.DEFAULT_SIZE,
javax.swing.GroupLayout.PREFERRED_SIZE)
.addContainerGap(27, Short.MAX_VALUE))
);

pack();
}// </editor-fold>

private void DibujarActionPerformed(java.awt.event.ActionEvent evt) {


// TODO add your handling code here:
}

private void DibujarMouseClicked(java.awt.event.MouseEvent evt) {


if (Linea.isSelected()){
Puntos.linea(tablero.getGraphics(), 50, 50, 450, 200);
}
else if (Poligono.isSelected()){
Puntos.poligono(tablero.getGraphics(), 250, 50, 250, 50);
}
else if (Circulo.isSelected()){
Puntos.circulo(tablero.getGraphics(), 90, 100, 100, 90);
}

}
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

private void LineaActionPerformed(java.awt.event.ActionEvent evt) {


// TODO add your handling code here:
}

public static void main(String args[]) {


java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new Panel().setVisible(true);
}
});
}
// Variables declaration - do not modify
private javax.swing.JRadioButton Circulo;
private javax.swing.JButton Dibujar;
private javax.swing.JRadioButton Linea;
private javax.swing.JRadioButton Poligono;
private javax.swing.JLabel jLabel1;
private javax.swing.ButtonGroup seleccion;
private javax.swing.JPanel tablero;
// End of variables declaration
}
9. Por último se genera un java class para realizar el código que nos servirá para
diseñar la línea

package Imagenes_Primitivas;
import java.awt.Graphics;
public class Puntos {

public static void linea ( Graphics g, int x1, int y1, int x2, int y2 )
{
g.drawLine(x1,y1,x2,y2);

}
}
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

CÍRCULOS
Graficar un Circulo en Java Netbeans

Abrir el IDE, en esta caso NetBeans, luego ingresar por la opción File, luego New
Project, allí seleccionar Java Appliaction y dar clic en Next.

En la siguiente ventana ingresar el nombre del proyecto, para este ejemplo se colocó
GraficarCirculo. Marcar la opción Create Main Class y para finalizar dar clic en Finish.

Luego proceder a importar las librerías requeridas y la programación del código para la
graficación del círculo.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

A continuación estas son las líneas de código para la graficación del circulo:
package graficarcirculo;
import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import javax.swing.JFrame;
import javax.swing.JOptionPane;

public class GraficarCirculo extends JFrame


{
private double radio =0.0;
private double diametro;

public GraficarCirculo()
{
super("Graficar un circulo:");
setSize(470,570);
setVisible(true);
setDefaultCloseOperation(EXIT_ON_CLOSE);
}
public void paint (Graphics g)
{
super.paint(g);
Graphics2D circulo=(Graphics2D)g;
circulo.setStroke(new BasicStroke(10.f));
circulo.setPaint(Color.green);
radio=Double.parseDouble(JOptionPane.showInputDialog("Ingrese el radio del
circulo a dibujar"));
diametro=(radio*2);
circulo.fillOval(30,150,(int)diametro,(int)diametro);
}
public static void main(String[] args) {
new GraficarCirculo();
}
}

Luego proceder a compilar y ejecutar el código con el botón verde en forma de


triángulo Run Project
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

Luego de compilarlo aparecerá la siguiente ventana solicitando ingresar el radio del


círculo que se desea graficar.

Finalmente se ingresa el valor del radio del circulo a dibujar, dar clic en Aceptar y se
visualiza como se grafica un circulo de color verde.
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

POLÍGONOS

Se trabaja con el programa NetBeans IDE 8.2, el cual permite realizar este tipo de
programación:
1. Se crea un proyecto nuevo.
2. Se selecciona la opción de Java Application, se da siguiente
3. Se le asigna el nombre de la aplicación
4. Se deja seleccionado la opción de crear clase principal.

5. En la clase que automáticamente se crea se realiza el siguiente código:

package Imagenes_Primitivas;
public class Imagenes_Primitivas
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

{
public static void main(String[] args)
{
Panel Formu = new Panel();
Formu.setVisible (true);
}

}
Este código nos sirve para inicializar el formulario que se diseña

6. Se crea ahora el formulario en el cual se diseña como se le va a mostrar al


usuario.
Este formulario se activa de la siguiente manera:

 Se hace clic derecho en el container y se selecciona el


formulario Jpanel.

7. En el cual se diseña lo que el usuario va a visualizar.

8. Se debe dejar el siguiente código en la pestaña source


package Imagenes_Primitivas;
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

public class Panel extends javax.swing.JFrame {

public Panel() {
initComponents();
}

@SuppressWarnings("unchecked")
// <editor-fold defaultstate="collapsed" desc="Generated Code">
private void initComponents() {

seleccion = new javax.swing.ButtonGroup();


Dibujar = new javax.swing.JButton();
tablero = new javax.swing.JPanel();
Linea = new javax.swing.JRadioButton();
Poligono = new javax.swing.JRadioButton();
Circulo = new javax.swing.JRadioButton();
jLabel1 = new javax.swing.JLabel();

setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
setBackground(new java.awt.Color(51, 102, 255));
setCursor(new java.awt.Cursor(java.awt.Cursor.HAND_CURSOR));

Dibujar.setText("Dibujar");
Dibujar.addMouseListener(new java.awt.event.MouseAdapter() {
public void mouseClicked(java.awt.event.MouseEvent evt) {
DibujarMouseClicked(evt);
}
});
Dibujar.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
DibujarActionPerformed(evt);
}
});

tablero.setBackground(new java.awt.Color(255, 255, 0));

javax.swing.GroupLayout tableroLayout = new


javax.swing.GroupLayout(tablero);
tablero.setLayout(tableroLayout);
tableroLayout.setHorizontalGroup(

tableroLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING
)
.addGap(0, 585, Short.MAX_VALUE)
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

);
tableroLayout.setVerticalGroup(

tableroLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING
)
.addGap(0, 261, Short.MAX_VALUE)
);

seleccion.add(Linea);
Linea.setText("Línea");
Linea.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
LineaActionPerformed(evt);
}
});

seleccion.add(Poligono);
Poligono.setText("Poligono");

seleccion.add(Circulo);
Circulo.setText("Círculo");

jLabel1.setText("Indique que desea dibujar");

javax.swing.GroupLayout layout = new


javax.swing.GroupLayout(getContentPane());
getContentPane().setLayout(layout);
layout.setHorizontalGroup(

layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGroup(javax.swing.GroupLayout.Alignment.TRAILING,
layout.createSequentialGroup()
.addContainerGap(19, Short.MAX_VALUE)
.addComponent(tablero, javax.swing.GroupLayout.PREFERRED_SIZE,
javax.swing.GroupLayout.DEFAULT_SIZE,
javax.swing.GroupLayout.PREFERRED_SIZE)
.addGap(18, 18, 18))
.addGroup(layout.createSequentialGroup()
.addGap(128, 128, 128)

.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEAD
ING)
.addGroup(layout.createSequentialGroup()
.addGap(98, 98, 98)
.addComponent(jLabel1)
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

.addContainerGap(javax.swing.GroupLayout.DEFAULT_SIZE,
Short.MAX_VALUE))
.addGroup(layout.createSequentialGroup()

.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEAD
ING)
.addComponent(Linea)
.addComponent(Circulo)
.addComponent(Poligono))

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED,
javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
.addComponent(Dibujar)
.addGap(173, 173, 173))))
);
layout.setVerticalGroup(

layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGroup(layout.createSequentialGroup()
.addGap(9, 9, 9)

.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAI
LING)
.addGroup(layout.createSequentialGroup()
.addComponent(jLabel1,
javax.swing.GroupLayout.PREFERRED_SIZE, 27,
javax.swing.GroupLayout.PREFERRED_SIZE)
.addGap(15, 15, 15)
.addComponent(Dibujar)
.addGap(25, 25, 25))
.addGroup(layout.createSequentialGroup()
.addComponent(Poligono)

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED)
.addComponent(Linea)

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED)))
.addComponent(Circulo)

.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
.addComponent(tablero, javax.swing.GroupLayout.PREFERRED_SIZE,
javax.swing.GroupLayout.DEFAULT_SIZE,
javax.swing.GroupLayout.PREFERRED_SIZE)
.addContainerGap(27, Short.MAX_VALUE))
);
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

pack();
}// </editor-fold>

private void DibujarActionPerformed(java.awt.event.ActionEvent evt) {


// TODO add your handling code here:
}

private void DibujarMouseClicked(java.awt.event.MouseEvent evt) {


if (Linea.isSelected()){
Puntos.linea(tablero.getGraphics(), 50, 50, 450, 200);
}
else if (Poligono.isSelected()){
Puntos.poligono(tablero.getGraphics(), 250, 50, 250, 50);
}
else if (Circulo.isSelected()){
Puntos.circulo(tablero.getGraphics(), 90, 100, 100, 90);
}

private void LineaActionPerformed(java.awt.event.ActionEvent evt) {


// TODO add your handling code here:
}

public static void main(String args[]) {

java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new Panel().setVisible(true);
}
});
}

// Variables declaration - do not modify


private javax.swing.JRadioButton Circulo;
private javax.swing.JButton Dibujar;
private javax.swing.JRadioButton Linea;
private javax.swing.JRadioButton Poligono;
private javax.swing.JLabel jLabel1;
private javax.swing.ButtonGroup seleccion;
private javax.swing.JPanel tablero;
// End of variables declaration
}
9. Por último se genera un java class para realizar el código que nos servirá para
diseñar la línea
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

package Imagenes_Primitivas;
import java.awt.Graphics;
public class Puntos {

public static void poligono (Graphics g, int x1,int y1, int ancho,int alto)
{
g.drawRect(x1, y1, ancho, alto);
}
}
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

REFERENCIAS

 CasaMadrugada (2012). Tutorial Java - 1 - Instalar JDK. [Video]


Recuperado de https://www.youtube.com/watch?v=obYeHzk2oco
 latincoder (2012). Como descargar e instalar Netbeans 7.1 para
programar en Java (y haz tu primer programa). [Video] Recuperado de
https://www.youtube.com/watch?v=natfw701jdk
 Abellán, M. (2012). Clase y Objetos en java - Estructura básica.
Dis.um.es. Recuperado el 11 de junio de 2016, de
http://dis.um.es/~lopezquesada/documentos/IES_1213/IAW/curso/U
T3/ActividadesAlumnos/1/index.html
 López, J. (2012). Elementos del lenguaje Java. Universidad de Murcia.
Recuperado el 11 de junio de 2016, de
http://dis.um.es/~lopezquesada/documentos/IES_1213/IAW/curso/U
T3/ActividadesAlumnos/3/index.html
 Peña, H. (2016). Abrir, compilar y ejecutar proyectos en NetBeans.
[Video] Recuperado de https://www.youtube.com/watch?v=FBO-
lToQZK4
 Peña, H. (2016). Trazado de figuras geométricas básicas en Java con
NetBeans. [Video] Recuperado de
https://www.youtube.com/watch?v=t0v5zdO-qtY
 Peña, H. (2017). Gráficas en 2D. [OVI] Recuperado de
http://hdl.handle.net/10596/11528
 NetBeans (2017). NetBeans IDE 8.2 Download. Recuperado de
https://netbeans.org/downloads/
 NetBeans (2010). Java 3D - plugin detail. Recuperado de
http://plugins.netbeans.org/plugin/32144/java-3d
 Oracle (2018). Java SE Development Kit 8 Downloads. Recuperado de
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-
downloads-2133151.html?ssSourceSiteId=otnes
 Oracle (2018). Java Client Technology Downloads. Recuperado de
http://www.oracle.com/technetwork/java/javasebusiness/downloads/
java-archive-downloads-java-client-419417.html#java3d-1.5.1-oth-
JPR
 García, M. (2013, mayo 27). Java para programadores. (5.4): Los
métodos Graphics y Paint. Recuperado de
Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas
Curso: Computación Gráfica Código: 299210

http://recursosformacion.com/wordpress/2013/05/java-para-
programadores-5-3los-metodos-graphics-y-paint/
 Gálvez Rojas, Alcaide García y Mora Mata. (2007). Java a tope: Java2D
(Cómo tratar con Java figuras, imágenes y texto en dos dimensiones).
Edición electrónica. Recuperado de
https://books.google.com.co/books?id=M6reV4TGyIQC&lpg=PP1&dq
=graficos%202d%20en%20java%20netbeans&hl=es&pg=PP2#v=on
epage&q&f=false

You might also like