Actividad N°1 Aprendiendo a dibujar en app inventor

Para la siguiente actividad vamos a aprender a dibujar en app inventor controlando el grosor del lápiz y además cambiando el color de este.

1. Inicia sección en la página de app inventor http://ai2.appinventor.mit.edu/. Crea un proyecto y vincula tu dispositivo android o tablet a app inventor.
2.    Dirígete a "Paleta" y busca la opción "Dibujo o animación" y arrastra al centro de la pantalla del dispositivo la opción 
   
3. DirÍgete a la sección "componentes" y haz clic en "Lienzo" y en propiedades, cambia su alto y ancho por AJUSTAR AL CONTENEDOR
   
4. En "Paleta" busca la opción "Disposición" y arrastra al centro de la pantalla y modifica si tamaño de la misma manera que con "Lienzo"
5. Ahora vamos agregar botones, los cuales se encuentran en "interfaz de usuario" y arrastras la opción  3 veces  y arrástrala a 
6. Ahora vamos a modificar las propiedades de cada botón. Para eso nos iremos a la parte de Propiedades y en "color de fondo" le colocamos . Además le cambiamos el nombre al botón en "Texto" y le ingresamos la palabra "Rojo". 
7. Hace exactamente lo mismo con los otros 2 botones que quedan con los colores que tú quieras
8. Ahora haremos un deslizador para cambiar el grosor de la línea que se dibujara. Para eso nos iremos a "Paleta" y en la sección "Deslizador" arrastramos a 
9. Necesitamos cambiarles las propiedades al deslizador. Para eso nos vamos a "propiedades" y le cambiaremos el ancho, el valor máximo y el valor mínimo de la siguiente manera. 
   
10. Ahora agregaremos una etiqueta al lado derecho del deslizador. Nos iremos a "Paleta" y arrastraremos al lado del deslizador y le cambiaremos sus "Texto" por 1 y su nombre por grosor 
11. Ahora llegó la hora de hacer funcionar nuestro juego para dibujar y necesitamos usar bloques. Para eso nos iremos a la sección "bloques" y le hacemos clic. 
12. Nos vamos a lienzo y arrastramos el bloque
13. Ahora en Lienzo buscamos  y lo anclamos al bloque anterior de la siguiente manera 
    
14. Ahora comenzaremos a trabajar con el grosor del deslizador. Nos dirigimos a variables y arrastramos el bloque y donde dice nombre le colocamos grosor  
15. Luego buscamos en la sección de bloques la opción "matemática" y arrastramos el bloque 
     y le colocamos 1 y lo anclamos de la siguiente manera
16. Volvemos a "Variables" y seleccionamos  y colocamos "grobal grosor" y lo anclamos de la siguiente manera 
17. Volvemos a lienzo para poder dibujar. Para eso usaremos el bloque 
      y vamos a unirlos con "Xprevio", "Yprevio", "Xactual", "Yactual.
18. Luego lo anclamos al bloque que teníamos de la siguiente manera  
19. Necesitamos que el deslizador funcione, para eso haremos clic en el bloque deslizador y arrastraremos la opción  luego hacemos clic en "posición del pulgar" y arrastramos las dos opciones, le cambiamos el texto y los anclamos de la siguiente manera 
    
     
20. Y para que la etiqueta grosor se mueva cuando se deslice el deslizador agregamos el siguiente bloque, que queda de esta manera 
    
21. Necesitamos algún bloque para que cuando se dibuje se muestre el recorrido del dibujo para eso necesitamos el bloque 
    
22. A este bloque le añadimos los siguientes quedando así 
    
23. Ahora necesitamos que cuando haga clic en algún botón para cambiar los colores se seleccione, para eso vamos a necesitar el siguiente bloque. 
     En este caso el el botón 1 ya que a este botón le ingresamos el color rojo anteriormente.
24. Haz el mismo paso con los otros 2 botones. Ten cuidado, verifica que el botón que selecciones corresponda al color asignado
25. Y listo, ya puedes dibujar en tu aplicación. Para cargar tu aplicación 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.