Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
GRAFICACION
PRACTICA N (1)
(SUBLIME TEXT)
Aplicacin de las funciones primitivas con canvas y JavaScript
1.2
MATERIALES/RECURSOS
1 Pc
El software para la escritura del cdigo (Sublime Text) para javascript y
canvas, y Netbeans para programar en java.
Y las funciones que previamente se investigaron.
1.4 PROCEDIMIENTO
1.4.1 PASO 1
Lo primero que se hace es abrir el sublime text y creamos la estructura bsica de
un documento HTML .
1.4.2 Paso 2
Lo siguiente ser crear la estructura del canvas que consta de una etiqueta
<canvas></canvas> el cual contendr el tamao que nosotros queramos y le
damos un id para identificar nuestro canvas.
1.4.3 Paso 3
Crear la etiqueta <script></script> el cual no sirve para agregar cdigo JavaScript y le
damos el atributo type con el valor text/javascript, a nuestro documento dentro de la
etiqueta <body></body>.
1.4.4 Paso 4
Dentro de la etiqueta de nuestro script creamos dos variables que nos servirn para
crear las figuras 2D.
1.4.7 Rotacin
La funcin rotate utiliza una funcin matemtica, que utiliza los radianes para hacer
rotar la figura en este caso nuestro rectngulo. Un radian es igual a 180 este valor es
dividido entre el valor que coloquemos despus de nuestra funcin math.PI/ en este
caso 5 y nos da como resultado 36.
1.4.8 Escala
La funcin scale nos permite duplicar el tamao original del rectngulo ya que
utilizamos los valores (2,2), esta funcin multiplica por dos los valores que se le tienen
asignado a nuestro rectngulo original.
1.5.1 PASO 1
Lo primero que se debe realizar es abrir el editor de cdigo Netbeans y crear un nuevo
proyecto al cual llamaremos Primitivas, senos crea la funcin principal con el mismo
nombre agregamos un nuevo java class con el nombre de Funciones. La siguiente
imagen nos muestra como quedara nuestro proyecto.
1.5.2 PASO 2
Ya que ctengamos las dos clases la Principal (Primitivas) y Funciones. En la clase
principal importaremos las libreras que se utilizaran java.awt.Color;, y
javax.swing.JFrame; el primero para asignarle color a nuestro frame y el segundo es
para que importar un JFrame que ser donde se dibujen las funciones.
En la misma clase crearemos unas variables que nos servirn. Estos son c que nos indica
que new JFrame se llamara Funciones primitivas la siguiente lnea es para que al
cerrar el frame el proceso termine, lo siguiente es llamar a la clase Funciones con la
variable e. le asignamos un color de fondo con el setBackground, tambin un tamao
con setSize y hacemos que sea visible.
1.5.3 PASO 3
En la clase Funciones importamos las libreras que se usaran para dibujar las libreras,
Font para fuente, Graphics para dibujar graficos 2d, y el Jpanel.
1.5.4 PASO 4
Creamos un public void con el nombre de paintComponent y le pasamos el
parmetro Graphics y le pasamos la variable e que declaramos en la clase principal,
1.6
RETROALIMENTACIN FINAL
como pudimos observar las funciones que maneja javascript para la traslacin y la
escala son similares,a diferencia de lo que es el rotate que utiliza la librera Math y los
radianes en el javascript y en java utiliza tres valores que son los grados de rotacin y
los valores de inicio y fin de nuestra rotacin.