Para dibujar un segmento de recta es necesario indicar el punto de inicio y punto final. De lo anterior debemos inicializar tres variables: inicio_x, inicio_y y activado.
Las variables inicio_x e inicio_y almacenarán las coordenadas del punto de inicio, que es la posición del punto se obtiene cuando se toca por primera vez la pantalla del móvil. Estas serán variables globales de manera que sean reconocidas por todos los bloques y objetos. Serán inicializados en (0,0) que es el origen correspondiente al extremo superior izquierdo del Screen.
La variable activado cambia su estado a cierto después de hacer el primer toque en la pantalla y volverá a cambiar después de dibujar la línea. Es decir, nos indica si se está en modo de dibujar el segmento o no, o de otro modo, si se comenzó a dibujar el segmento.
- Para crear las variables ir al modo Bloques y seleccionar Variables. Cargar e inicializar como se indica en la siguiente figura.
- Crearemos las variables fin_x y fin_y para guardar las coordenadas del segundo toque o del fin del segmento
- En esta actividad vamos a realizar líneas y circunferencias, por lo que necesitaremos botones de ambos para poder elegir que vamos a dibujar. Necesitaremos hacer lo siguiente: Arrastrar
a Screem1 y agregarle 3 botones; uno para la circunferencia, otro para la línea y el último para borrar. Quedando de la siguiente manera
- Tenemos que iniciar con las figuras y usaremos los siguientes bloques
- Agregamos un
y lo arrastramos al Lienzo (más adelante haremos algo con esta opción) - Ahora necesitamos que cuando se toque la pantalla del dispositivo se realice una acción. Para eso necesitamos que Lienzo1 sea ejecutado con los siguientes bloques
- Ahora para que se realice una línea necesitamos los siguientes bloques que nos darán el trazo en el Lienzo1
- También necesitamos que se haga una circunferencia dependiendo del botón que seleccionamos, por eso usaremos los siguientes bloques para unir y ordenar las acciones
y lo uniremos con el bloque del paso N°6. Quedando de esta manera 
- Ahora haremos lo mismo con la circunferencia, y para eso necesitaremos un par de bloques que nunca hemos usado (los encontraras en la sección de Matemática)
- Uniremos los bloques del paso 8 y 9 para poder realizar la línea o la circunferencia
- Ahora necesitamos agregar las acciones de cada botón(línea, circunferencia y borrar)
- Llegó el momento de hacer lo que nos faltaba del paso N°5. Agregaremos una imagen al Sprinteimage1. Para eso descarga una imagen de un lápiz en formato .png y en las opciones del SpriteImagen1 hacemos clic en
y agregamos la imagen descargada
- A la imagen le modificamos sus dimensiones para que no ocupe tanto espacio dentro de la pantalla del dispositivo. Quedando de la siguiente manera.
- Y listo, para finalizar dirígete a "conectar" y haz clic en "al companion". Escanea el código QR con tu dispositivo en "App inventor" y juega con tu actividad.
No hay comentarios:
Publicar un comentario