APP INVENTOR : App para dibujar.

Ahora intentaremos con otro tipo de aplicación, esta vez programaremos para lograr dibujar a mano alzada y tambien nos servira para dibujar lineas y circunferencias. Agregaremos botones que cumplan las funciones de seleccionar entre si queremos dibujar a mano alzada, hacer lineas, hacer circunferencias, cambiar de color, aumentar y disminuir el grosor del trazo. Tambien agregaremos un lapiz que se mostrara en el lugar donde este nuestro dedo. Para comenzar necesitaremos un lienzo. Para colocar el lienzo nos vamos a Paleta - Dibujo y animación.

Arrastramos Lienzo a la pantalla del movil virtual.

Nos quedara asi, debemos ajustar el lienzo para que cubra toda la pantalla, para ajustar el tamaño del Lienzo nos vamos a Propiedades y ajustamos el Alto y Ancho al tamaño del contenedor.

HACER CLICK EN LA IMAGEN PARA VER EN TAMAÑO GRANDE

Luego agregaremos botones de la misma forma que en la entrada anterior cuando hicimos el juego con la bolita. A estos botones les pondremos nombres y les asignaremos la funcion que indiquen esos nombres. Tambien agregaremos una imagen de un lapiz.

Para que los botones sean capaces de ejecutar distintas acciones siendo siempre nuestro dedo el que toca la pantalla agregaremos una variable global que se modificara segun seleccionemos un boton. Seleccionamos un iniciador global y en el espacio escribimos figura, a este le agregamos un bloque matematico con el numero 1 de la forma que se muestra a continuacion:

Agregar los bloques cuando boton a cada uno de los botones y agregar las siguientes variables a los bloques indicados en la imagen que viene a continuacion:

Avanzaremos por partes, primero programaremos la secuencia de bloques necesaria para dibujar a mano alzada y que la imagen siga nuestro dedo al dibujar. Para esto nos vamos a los bloques de lienzo y selecionamos cuando lienzo 1 arrastrado, en este bloque encajamos un bloque de si entonces.
Tomamos un bloque de logica = en el agregamos la variable tomar global figura y un bloque matematico que indique el 3. Esto hara que se active el modo dibujo a mano alzada.
Debajo de eso encajamos el bloque dibujar linea y llamar spirteimagen1 mover a, con sus respectivas variables como se muestra en la imagen.

Y asi queda listo el boton que activa el dibujo a mano alzada. Ahora agregaremos los bloques para dibujar lineas y circunferencias. Para esto tenemos que agregar las variables demostradas en la imagen que viene a continuacion para que funcionen los siguientes procedimientos.

Añadiremos el bloque cuando lienzo1 tocar, y en este encajamos un bloque de si entonces,pero ademas en el entonces encajaremos un bloque de si entonces sino y otro si entonces en ese sino, con esto encajaremos en ellos los bloques que nos indican las variables y ordenes que permitiran que al tocar en un punto y luego un otro se traze una linea automaticamente entre estos dos puntos. Lo haremos de la siguiente manera:

Con esto al presionar el boton linea, se trazara una linea entre los dos puntos que toquemos en la pantalla. Ahora similar al procedimiento anterior en el mismo bloque de lienzo1 tocar encajamos otro bloque de si entonces,pero ademas en el entonces encajaremos un bloque de si entonces sino y otro si entonces en ese sino. Y luego agregamos los bloques de logica y variables necesarios para hacer un circulo, tener en cuenta que para hacer un circulo hay que agregar la operacion matematica requerida en el bloque que corresponde al radio. Ordenar los bloques usando como guia la imagen que se muestra a continuacion:

Ahora esta serie de bloques debe ir encajada en cuando lienzo1 tocar de la misma manera que el grupo anterior, aca el ejemplo:

Ya casi terminamos, para finalizar agregaremos las acciones correspondientes a los botones que faltan, agregaremos la serie de bloques correspondientes al boton color para qe al apretarlo el color de nuestro trazo cambie aleatoriamente, y por ultimo agregamos la serie de bloques que corresponden a los botones + y - para aumentar y disminuir respectivamente el grosor del trazo. Aca un ejemplo: