Practica Nro.

Creando un rompecabezas

Objetivo. Crear un rompecabezas en neobook, el cual nos permitir usar la herramienta Polgono, adems de que aprenderemos a crear juegos para entretenerse Se le proporcionar los elementos necesarios en una carpeta de trabajo denominado Rompecabezas 1. Creacin y Configuracin del Libro Creamos una nueva pgina, de 640 x 480.

Configurando libro Vamos al men Libro > Propiedades del Libro > General (o presionamos la tecla F6), En la categora General: Ttulo: Rompecabezas Autor: Escriba su nombre Icono: haga clic en Otro, esto para seleccionar un cono para su aplicacin

En la ventana Seleccionar un icono. Seleccione VR.ico, y haga clic en Abrir

Ahora ya tenemos un icono que se mostrara cuando ejecutemos o compilemos nuestro proyecto en la barra de tareas Terminamos la configuracin del libro haciendo clic en Aceptar

2. Configurando la pgina Renombramos el nombre de la primera pgina, le colocamos el nombre de Rompecabezas Clic derecho sobre la pestaa de la pgina Luego elegimos la opcin renombrar pgina

En la ventana cambiamos el nombre anterior por el de Rompecabezas

(Ojo no la pgina maestra, adems cabe indicar que no se puede renombrar)

Presionamos la tecla F5 En la ventana de propiedades. 1) Colocamos el ttulo de Rompecabezas 2) En fondo de pgina, hacemos clic en la pestaa de la lista desplegable Color Slido para elegir un color 3) Hacemos clic en el botn Personalizar 4) En la ventana Color, ingresamos los siguientes valore en los recuadros de colores Rojo: 255 Verde: 128 Azul: 50

3 Hacemos clic en Aceptar, otra vez en Aceptar, con lo cual tenemos nuestra pgina con un color.

3. Creando el rea del Rompecabezas El rea donde se va tener nuestro rompecabezas ser un rectngulo de fondo blanco, para ello Dibuje un rectngulo de 330 de Ancho y 250 de Alto

Entonces tomamos la herramienta rectngulo rectngulo en la parte media y superior de la pgina

, luego trazamos el

Para poder ajustar las dimensiones del rectngulo, lo hacemos en el Panel de informacin del Objeto. Ingresando las siguientes medidas Izquierda Superior Ancho Alto

Izquierda 172 y Superior 34 Para que haga efecto los cambios o ajustes hacer clic en Aplicar Cambie el fondo del rectngulo sea de color Blanco ya sabe como?

4. Formando el rompecabezas Tomamos la herramienta Poligono / Zona Interactiva Hacemos un clic dentro del rectngulo blanco, (o cualquier otro lugar dentro de la pgina) y nos aparece la ventana Seleccione un archivo de imagen Elija la imagen de nombre Imagen1.gif

Haga clic en Abrir Nos parece la imagen dentro del rectngulo (no importa exactamente el lugar)

Arrastre la imagen a la parte superior izquierda del rectngulo

Y deber de quedar en el lugar como se muestra a continuacin

O puede ingresar los siguientes valores en el panel de Informacin del Objeto Izquierda: 137 Superior:95 Al finalizar hacemos clic en Aplicar

Adems observe que aparecen 6 marcadores, estos marcadores nos indican que estn exactamente en la esquina del rectngulo blanco Ahora haga los mismos procedimientos anteriores para insertar las siguientes imgenes y poder formar la fotografa de la cabeza de un gato Imagen9.gif

Imagen2.gif

Imagen6.gif

Imagen8.gif

Imagen5.gif

Imagen1.gif

Imagen7.gif

Imagen4.gif

5. Dibujando los contenedores (en nuestro caso rectngulos de las mismas dimensiones da cada una de los Polgonos) Debern de fijarse en las dimensiones y ubicaciones de cada una de las imgenes Para ver que dimensiones tiene el Polgono, hacemos clic en la primera imagen que insertamos, observaremos que tiene las siguientes caractersticas

Izquierda: 173

Superior: 35

Ancho: 137

Alto: 95

10

Ahora trazaremos por encima del primer Polgono o imagen un rectngulo de las mismas dimensiones, para ello Seleccionamos la herramienta rectngulo Y lo dibujamos por encima de la primera imagen (primer polgono)

Escribimos las mismas dimensiones y ubicacin que de seguro se acuerda del polgono1, en el panel de Informacin del Objeto Luego deber de quitarle el color de fondo volvindolo transparente, esta operacin lo realiza en el panel patrn para el relleno elegimos la opcin Hueco

6. Le cambiamos el nombre del rectngulo, la cual nos servir para poder identificar el contenedor del primer Polgono en nuestro rompecabezas. Entonces, hacemos doble clic en el recuadro, En su ventana de Propiedades del Rectngulo en Nombre de Objeto escriba ArribaIzquierda

Y luego Aceptamos Y tenemos nuestro rectngulo que nos permitir contener la primera imagen

11

Hacemos los mismos procedimientos para las dems imgenes: Segundo rectngulo Izquierda: 260 Superior: 33 Nombre del Objeto: ArribaMedio Tercer rectngulo Izquierda: 368 Superior: 31 Nombre del Objeto: ArribaDerecha Cuarto rectngulo Izquierda: 174 Superior: 95 Nombre del Objeto: MedioIzquierdo Quinto rectngulo Izquierda: 257 Superior: 100 Nombre del Objeto: MedioCentro Sexto rectngulo Izquierda: 365 Superior: 100 Nombre del Objeto: MedioDerecha Stimo rectngulo Izquierda: 172 Superior: 176 Nombre del Objeto: AbajoIzquierda Octavo rectngulo Izquierda: 255 Superior: 178 Nombre del Objeto: AbajoMedio Noveno rectngulo Izquierda: 363 Superior: 180 Nombre del Objeto: AbajoIzquierda

Ancho: 149

Alto: 100

Ancho: 132

Alto: 103

Ancho: 135

Alto: 117

Ancho: 154

Alto: 112

Ancho: 137

Alto: 119

Ancho: 128

Alto: 105

Ancho: 155

Alto: 103

Ancho: 136

Alto: 103

Al final obtendremos nuestra imagen por completo.

12

Como hemos insertado rectngulos por encima de los polgonos, no podemos mover los polgonos, por lo tanto tenemos que enviarlo al fondo y tambin esconderlos Por lo tantoNos ubicamos en el panel de la lista de objetos. Seleccionamos todos los rectngulos, arrastramos con el puntero del ratn desde ArribaIzquierda hasta AbajoDrecha

Como observar se muestra en la pgina todos los rectngulos seleccionados

Ahora hacemos clic derecho sobre los nombres de los rectngulos.. Del men emergente, elegimos la opcin Enviar al fondo

13

Hacemos una vez ms clic derecho en la seleccin, y del men desplegable, elegir la Opcin Ocultar objeto. 7. Configurando las imgenes del rompecabezas Ahora se puede elegir cada una de los polgonos ya que enviamos al fondo todos los rectngulos Ahora, Como se fijar cada imagen que se ha insertado dentro del rectngulo grande tienen el nombre de Polgono1, Polgono2,, Etc. Elegimos el primer Polgono, haciendo clic en ella

Abrimos su ventana de propiedades, haciendo doble clic sobre la misma Seleccionamos la categora Arrastrar & Soltar, en la opcin Modo Arrastrar & Soltar, marcamos Automtico

Seguidamente hacemos clic en Aadir De la lista de objetos que se muestran, elegimos aquella que tiene de nombre ArribaIzquierda

14

Al hacer clic automticamente se agrega el nombre del rectngulo que actuar de contenedor de nuestro primer polgono (esto se observar al arrastrar el objeto polgono cuando ejecutemos la aplicacin)

Recordar que tambin deber de marcar la casilla Traer el objeto al frente despus de soltarlo

8. Insertando cdigo en el Polgono Ahora seleccionamos la categora Acciones, luego hacemos clic en la pestaa Arrastrar y Soltar, en ella digite el siguiente cdigo

En este cdigo estamos estableciendo una variable que nos permitir arrastrar nuestro objeto y poder soltarlo dentro del rectngulo contenedor, luego Hacemos clic en Aceptar

15

Realizamos los mismos procedimientos para los siguientes Polgonos Los cdigos sern los mismos para todos (en la pestaa Arrastrar y Soltar) Tambin deberemos de marcar la casilla de Traer el objeto al frente despus de soltarlo En donde cambia es en el Modo Arrastrar y Soltar, en cuanto al nombre del rectngulo contenedor,PARA EL Polgono2:

Polgono3:

Polgono4:

Polgono5:

Polgono6:

Polgono7:

16

Polgono8:

Polgono9:

9. Desordenando los polgonos de nuestro rompecabezas Una vez terminado Ubique cada uno de los Polgonos (imgenes), por fuera del rectngulo grande, todas en forma desordenada

Ahora pruebe su aplicacin

17