En este taller aprenderas a como crear una app que te sirva para dibujar! y no solo eso, tambien aprenderas a crear figuras personalizadas y darle matices de colores, asi que sin mas tiempo que perder empezemos.
Lo basico antes de empezar
- Ingresa a https://appinventor.mit.edu/
- Apretar en "Create apps!"
- Crear un nuevo proyecto (nombre a elección)
- Iniciar AIStarter
- Iniciar el Emulador
Al igual que en taller uno se abrira nuestro menu con las herramientas que necesitamos, recuerda arrastar el lienzo (adaptandolo a la pantalla), para este taller no necesitaremos la pelota.
Fijate en la pestaña disposicion, esta nos sirve para dividir la pantalla en distintos sectores, para nuestro taller necesitaremos dos "disposiciónhorizontal" arrastralo a la pantalla.
Deberia quedar algo asi
Ahora necesitaremos botones para la creacion de nuestro taller, arrastraremos algunos botones tal como muestra la imagen.
No olvidemos catalogar los botones para poder diferenciarlos entre si mas adelante.
Tambien necesitaremos un Deslizador, lo arrastras bajo los botones.
1° actividad, crear el pincel.
Una vez diseñado lo anterior, procederemos a crear los bloques necesarios para formar lineas con nuestros cursor o dedos, es decir, dibujar!
Primero buscamos los bloques que necesitamos.
Utilizaremos los siguientes bloques de control
Ahora como anteriormente hicimos, podemos cambiar el color de nuestros trazos, mediante los botones, para ello los programaremos de la siguiente manera.
Quedando algo asi (nota los demas botones estan inactivos de momento)
2° Actividad Crear una linea, circunferencia, aumentar tamaño del pincel y borrar el lienzo.
Primero necesitaremso variables que definiran los comandos que utilizaremos mas adelante, algo asi como formulas o palabras claves para nuestra aplicación.
Lo primero sera crear los bloques que utilizaremos para dibujar una linea, con los siguientes comandos deberias poder.
Ahora lo siguiente.
Probamos..
Como notas, tambien se puede dibujar aparte de hacer lineas.
Ahora para dibujar una circunferencia es algo mas complicado.
Deberemos buscar la ecuacion ordinaria de la circunferencia
y adaptarla mediante las herramientas de matematica presentes en MIT App inventor
Como notaras con respecto al ejercicio anterior, el cambio radica entre la linea y la circunferencia en sus matematicas. Basandonos en esto ¿Es posible crear triangulos o cuadrados?.
Ahora aumentaremos el tamaño del pincel y habilitaremos un boton que borre el lienzo.
Ahora unimos la regla de la linea junto a la circunferencia mediante los bloques de control, como en los pasos anteriores.
Deberia quedarnos algo asi.
Finalmente dejo un video el cual demuestra la aplicacion hasta ahora.
